:root{
  --encre:#111111; --gris:#666666; --gris2:#8a8a8a; --trait:#E2E2E2; --fond2:#F5F5F5; --fond3:#F7F7F7; --blanc:#FFFFFF;
  --rouge-louzon:#ED1C24;            /* bandeau, d'après louzon.net */
  --rouge-vif:#ED0037;               /* remise, guide des pointures, d'après fcbayern.com */
  --r1:#A41D2C; --r2:#B92736; --r3:#C92E3E;   /* en-tête : rouges doux du Bayern, ordre inversé, du plus foncé (haut) au plus clair (menu) */
  --rouge-fonce:#A60027;             /* CTA « Voir l'offre », d'après le dégradé du Bayern */
  --deg:linear-gradient(18deg,#A60027,#ED0037);
  --noir:#0B0B0B; --gris-clair:#9A9A94; --flash:#FF2D4F;   /* bandeau RunningDeals, rouge à la place du fluo */
  --ok:#1F7A4D; --ok-soft:#E7F4EC;
  --police:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:84px}
body{margin:0;background:var(--blanc);color:var(--encre);font-family:var(--police);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit}
.c{max-width:1340px;margin:0 auto;padding-inline:24px}
.sa-flip{transform:scaleX(-1)}

/* En-tête de la piste A */
.tete{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:20px 0 0}
.logo{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none}
.logo b{background:var(--rouge-vif);color:#fff;font-size:26px;letter-spacing:-.06em;line-height:1;padding:10px 14px 9px}
.logo span{font-size:11px;font-weight:700;letter-spacing:.2em;margin-top:8px}
.nav{display:flex;align-items:center;gap:28px;padding-top:14px;font-size:15px;font-weight:700}
.nav a{text-decoration:none}
.nav a:hover{text-decoration:underline}
.chip{border:0;background:none;padding:0;cursor:pointer;font-weight:700;border-bottom:2px solid var(--rouge-vif)}
.cherche{display:flex;align-items:center;gap:12px;margin:24px 0 0;border-bottom:1px solid var(--encre);padding:10px 0}
.cherche input{flex:1;border:0;outline:0;font:inherit;font-size:17px;background:none;color:var(--encre);min-width:0}
.cherche input::placeholder{color:var(--gris2)}
.fil{margin:22px 0 0;font-size:14px;color:var(--gris)}
.fil a{text-decoration:none}

/* Bloc produit, d'après la fiche Foot Inside */
.prod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;padding:22px 0 8px;align-items:start}
.galerie{position:sticky;top:94px}
.galerie .scene{position:relative;background:var(--fond2);border:1px solid #ECECEC;border-radius:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:8%}
.badge{position:absolute;top:0;left:0;background:var(--rouge-vif);color:#fff;font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:12px 0 10px 0;padding:10px 16px;z-index:2}
.scene-marque{position:absolute;right:18px;top:16px;width:48px;height:48px;opacity:.92}
.coeur{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.vignettes{display:flex;gap:10px;margin-top:12px}
.vignettes button{width:76px;height:76px;border-radius:10px;background:var(--fond2);border:2px solid transparent;padding:6px;cursor:pointer}
.vignettes button[aria-pressed="true"]{border-color:var(--encre)}

.titre-l{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px}
.marque{height:40px;width:40px;flex:none;margin-top:2px}
h1{font-size:38px;line-height:1.08;letter-spacing:-.025em;font-weight:800;font-style:italic;margin:0}
.note-l{display:flex;align-items:center;gap:9px;font-size:14px;color:#3a3a3a;margin-bottom:24px;flex-wrap:wrap;position:relative}
.stars{display:flex;gap:1px;color:var(--encre)}
.indice{display:inline-flex;align-items:center;gap:6px}
.indice-i{width:18px;height:18px;padding:0;border-radius:50%;border:1.5px solid currentColor;background:none;font-size:11px;font-weight:700;line-height:1;cursor:pointer}
.indice-bulle{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:30;max-width:min(340px,100%);background:var(--encre);color:#fff;font-size:13px;line-height:1.45;border-radius:8px;padding:10px 12px}
.indice.ouvert .indice-bulle{display:block}
.pastille-ok{display:inline-flex;align-items:center;gap:7px;background:#EFEFEF;color:#444;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 11px}
.pastille-ok i{width:7px;height:7px;border-radius:50%;background:#777}

.best{border:2px solid var(--encre);border-radius:14px;padding:22px;margin-bottom:22px;position:relative}
.best-tag{position:absolute;top:-11px;left:18px;background:var(--encre);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:6px;text-transform:uppercase}
.best-top{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.best-p{font-style:italic;font-weight:800;font-size:46px;letter-spacing:-.04em;line-height:1}
.best-av{font-size:15px;color:var(--gris2);text-decoration:line-through}
.best-rem{background:var(--rouge-vif);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:6px}
.best-rem--sur{background:#EDEDED;color:var(--encre)}
.best-m{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.best-mlogo{width:52px;height:52px;border:1px solid var(--trait);border-radius:8px;display:grid;place-items:center;flex:none;overflow:hidden;background:#fff;font-size:11px;font-weight:700}
.best-mlogo img{max-width:78%;max-height:64%;object-fit:contain}
.verif{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gris);margin-top:2px}
.btn-cta{flex:1 1 280px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:var(--rouge-vif);color:#fff;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;animation:halo 2.6s ease-in-out infinite;transition:background .2s}
.btn-cta:hover,.btn-cta:focus-visible{background:var(--rouge-fonce);animation:none}
.btn-cta svg{animation:panier 2s ease-in-out infinite;transform-origin:70% 85%}
@keyframes halo{0%,100%{box-shadow:0 0 0 0 rgba(237,0,55,.5),0 6px 18px -8px rgba(237,0,55,.5)}50%{box-shadow:0 0 0 10px rgba(237,0,55,0),0 10px 26px -8px rgba(237,0,55,.7)}}
@keyframes panier{0%,78%,100%{transform:translateY(0) rotate(0)}84%{transform:translateY(-3px) rotate(-10deg)}90%{transform:translateY(0) rotate(6deg)}}
.best-note{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid #EFEFEF;font-size:13.5px;color:#3a3a3a;line-height:1.5}
.best-note svg{flex:none;margin-top:3px;color:var(--gris2)}

.bloc-h{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.bloc-h b{font-size:15.5px}
.bloc-h small{color:var(--gris);font-size:13.5px}
.guide{margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:#0B0B0B;color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:9px 18px;text-decoration:none}
.guide:hover{background:#333}
/* Pointures : pilules de la piste C, liseré noir */
.grille-tailles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sa-taille{border:1.5px solid var(--encre);border-radius:999px;background:#fff;padding:7px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.sa-taille:hover{background:var(--fond2)}
.sa-taille-n{font-weight:700;font-size:15px}
.sa-taille-p{font-size:11px;color:var(--gris)}
.sa-taille--bas .sa-taille-p{color:var(--rouge-vif);font-weight:700}
.sa-taille[aria-pressed="true"]{background:var(--encre);color:#fff}
.sa-taille[aria-pressed="true"] .sa-taille-p{color:#fff}
.conseil{display:flex;gap:12px;align-items:flex-start;background:var(--fond2);border-radius:12px;padding:12px 14px;margin-top:14px;font-size:14px}
.conseil svg{flex:none;margin-top:2px}
.infobox{border:1px solid var(--trait);border-radius:12px;margin-top:18px}
.infobox p{display:flex;gap:12px;align-items:center;margin:0;padding:12px 16px;font-size:14px}
.infobox p + p{border-top:1px solid var(--trait)}
.infobox svg{flex:none;color:var(--gris)}
.alerte-fi{border:1px solid var(--trait);border-radius:12px;margin-top:14px;padding:16px}
.alerte-fi h3{display:flex;align-items:center;gap:10px;font-size:15px;margin:0}
.alerte-fi > p{margin:4px 0 12px 32px;font-size:13.5px;color:var(--gris)}
.alerte{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.alerte input{font:inherit;font-size:14px;border:1px solid #D6D6D6;border-radius:999px;padding:10px 14px;min-width:0}
.alerte input[type=number]{width:120px}
.alerte input[type=email]{flex:1 1 180px}
.alerte button{background:var(--encre);color:#fff;border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer}
.retour{font-size:13px;color:var(--gris);width:100%;margin:0}

/* Bandeau rouge, mesures du bandeau .r-feel de louzon.net */
.bande{background:linear-gradient(150deg,#D2002E 0%,#ED0037 55%,#C2002B 100%);color:#fff;padding-block:40px}
.bande .index{display:flex;justify-content:space-between;align-items:baseline;gap:30px;font-size:12px;letter-spacing:.035em;line-height:1.5;border-bottom:1px solid #ffffff60;padding-bottom:22px;margin-bottom:26px;text-transform:uppercase}
.bande .index span:first-child{font-size:16px;font-weight:800;letter-spacing:.06em}
.entre{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center}
.questions{border-top:1px solid #ffffff60;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin:26px 0 0;padding:20px 0 0;list-style:none}
.questions a{font-size:14px;font-weight:600;text-decoration:none}
.questions a:hover{text-decoration:underline}
/* Étiquette, d'après l'étiquette de taille Nike */
.etiq{display:grid;grid-template-columns:96px 400px 30px;background:var(--rouge-vif);border:2px solid #fff;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px -14px rgba(60,0,0,.6)}
.etiq-code{background:#fff;display:flex;align-items:center;justify-content:center;padding:8px 6px}
.etiq-code svg{width:80px;height:auto}
.etiq-corps{padding:14px 18px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.etiq-nom{font-size:15px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.15;margin:0}
.etiq-taille{display:flex;align-items:center;gap:18px}
.etiq-taille b{font-size:52px;line-height:.9;font-weight:800;letter-spacing:-.03em}
.etiq-taille dl{display:grid;grid-template-columns:auto auto;gap:2px 16px;margin:0;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.etiq-taille dd{margin:0}
.etiq-col{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;margin:0;opacity:.95}
.etiq-pied{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.etiq-style{font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap}
.etiq-ean{font-size:15px;font-weight:800;letter-spacing:.04em;text-align:right;line-height:1.2;white-space:nowrap}
.etiq-prix{background:#fff;color:var(--encre);writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;white-space:nowrap}
/* Pictos, d'après la fiche RunningDeals */
.pictos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;margin:0;padding:0;list-style:none}
.pictos li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center}
.pictos svg{width:28px;height:28px}
.pictos small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.pictos b{display:block;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.2}

/* Comparateur : encadré gris de la piste C, meilleure offre en dégradé et boutons de la piste B */
.sec{padding-block:64px}
.boite-gris{background:var(--fond3);border-radius:16px;padding:28px}
.cmp{padding-block:16px 48px}
.cmp .boite-gris{padding:20px 22px}
.cmp-tete{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap}
.cmp-titre{margin:0;font-size:12px;font-weight:800;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;color:var(--encre)}
.cmp-titre .rouge{color:var(--rouge-vif);text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-right:10px}
.bulles{display:flex;gap:8px;flex-wrap:wrap}
.bulle{display:inline-flex;align-items:center;gap:6px;background:#FFE5EB;color:#A60027;font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 12px}
.cmp-cols{display:grid;grid-template-columns:34px 46px minmax(0,1fr) 150px 120px 160px;gap:14px;padding:14px 17px 8px;border-bottom:2px solid var(--encre);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.cmp-cols .col-m{grid-column:span 2}
.cmp-cols .num{text-align:right}
.cmp .offres{gap:7px;margin-top:10px}
.cmp .sa-ligne{padding:9px 16px;gap:14px;border-radius:12px;grid-template-columns:34px 46px minmax(0,1fr) 150px 120px 160px}
.cmp .sa-rang{font-size:18px;font-weight:800;letter-spacing:0;color:#9A9A94;text-align:center}
.cmp .sa-ligne--top .sa-rang{color:#fff}
.sa-port{font-size:13px;color:var(--gris)}
.sa-ligne--top .sa-port{color:#ffd0da}
.badge-mp{display:inline-block;background:#fff;color:var(--rouge-fonce);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:2px}
/* CTA animés de la fiche Foot Inside (.btn-sm.o-cta) : reflet qui traverse, flèche au survol, halo sur la meilleure offre */
.cmp .sa-voir{justify-self:end;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;background:var(--rouge-vif);color:#fff;border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(237,0,55,.65);transition:.18s}
.cmp .sa-voir:hover,.cmp .sa-voir:focus-visible{background:var(--rouge-fonce);transform:translateY(-1px)}
.cmp .sa-voir::after{content:"";position:absolute;top:0;left:-30%;width:22%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);animation:cta-reflet 3.2s ease-in-out infinite}
@keyframes cta-reflet{0%,18%{left:-30%}55%,100%{left:130%}}
.cta-arr{display:inline-flex;transition:transform .2s ease}
.cmp .sa-voir:hover .cta-arr{transform:translateX(3px)}
.cmp .sa-ligne--top .sa-voir{background:#fff;color:var(--rouge-fonce);animation:halo-blanc 2.6s ease-in-out infinite}
.cmp .sa-ligne--top .sa-voir::after{background:linear-gradient(115deg,transparent,rgba(237,0,55,.25),transparent)}
@keyframes halo-blanc{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.cmp .sa-voir::after{display:none}.cmp .sa-ligne--top .sa-voir{animation:none}}
.cmp .sa-logo{width:46px;height:46px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14)}
.cmp .sa-logo img{max-width:74%;max-height:58%}
.sa-logo.plein,.pt-bille.plein{background:#111}
.sa-logo.plein img,.pt-bille.plein img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.cmp .sa-ligne--top .sa-logo{box-shadow:0 4px 14px rgba(60,0,15,.35)}
.cmp .sa-boutique strong{font-size:16.5px}
.cmp .sa-montant{font-size:22px}

.h2{font-size:34px;letter-spacing:-.025em;line-height:1.1;margin:0}
.chapo{color:var(--gris);font-size:16px;margin:8px 0 0;max-width:760px}
.offres{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.sa-ligne{display:grid;grid-template-columns:130px 56px minmax(0,1fr) 100px 130px 160px;align-items:center;gap:16px;padding:14px 20px;background:#fff;border:1px solid #EAEAEA;border-radius:14px}
.sa-ligne--top{background:var(--deg);color:#fff;border-color:transparent}
.sa-rang{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.sa-logo{width:56px;height:56px;border-radius:10px;background:#fff;border:1px solid #EAEAEA;display:grid;place-items:center;overflow:hidden;font-weight:700;font-size:12px;color:var(--encre)}
.sa-logo img{max-width:80%;max-height:66%;object-fit:contain}
.sa-boutique strong{display:block;font-size:18px}
.sa-boutique small{color:var(--gris);font-size:13px}
.sa-ligne--top .sa-boutique small{color:#ffd0da}
.sa-diff{color:var(--gris);font-size:14px;text-align:right}
.sa-montant{font-size:26px;font-weight:800;font-style:italic;letter-spacing:-.03em;text-align:right}
.sa-voir{justify-self:end;text-decoration:none;font-weight:700;border-radius:999px;padding:11px 18px;background:var(--encre);color:#fff}
.sa-ligne--top .sa-voir{background:#fff;color:var(--rouge-fonce)}
.note{font-size:13px;color:var(--gris);margin:14px 0 0}

/* Bandeau noir de RunningDeals (fiche_template.py), rouge à la place du vert fluo */
.bande-prix{background:var(--noir);color:#fff;padding:52px 0;overflow:hidden}
.regle-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap;margin-bottom:38px}
.regle-sur{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--flash);margin-bottom:8px}
.regle-titre{font-size:30px;font-weight:700;letter-spacing:-.7px;line-height:1.15;max-width:30ch}
.regle-gain{text-align:right}
.regle-gain b{display:block;font-size:72px;font-weight:900;font-style:italic;letter-spacing:-2px;color:var(--flash);line-height:.95}
.regle-gain span{font-size:13px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.regle-piste{position:relative;height:162px;margin:0 30px}
.regle-barre{position:absolute;top:39px;left:0;right:0;height:4px;border-radius:2px;background:linear-gradient(90deg,#33332F 0%,#4A4A46 45%,var(--flash) 100%)}
.regle-barre::after{content:"";position:absolute;left:0;right:0;top:9px;height:6px;background:repeating-linear-gradient(90deg,#3a3a37 0 1px,transparent 1px 10%)}
.regle-pct{display:inline-block;background:var(--flash);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;margin:8px 0 6px}
.regle-gain span:last-child{display:block}
.regle-pied{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.regle-pied a{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid var(--flash)}
.coureur{position:absolute;top:28px;display:flex;align-items:center;gap:7px;animation:court 6s cubic-bezier(.45,0,.35,1) infinite;z-index:3}
.coureur .go{font-size:29px;font-weight:900;font-style:italic;color:#fff;letter-spacing:-.03em;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.85);animation:pousseGo .34s ease-in-out infinite}
@keyframes pousseGo{0%,100%{transform:translateX(0)}50%{transform:translateX(1.5px)}}
.coureur .filets{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.coureur .filets i{display:block;height:2.6px;border-radius:1.3px;background:var(--flash);animation:file .5s linear infinite}
.coureur .filets i:nth-child(1){width:17px}
.coureur .filets i:nth-child(2){width:12px;animation-delay:-.17s}
.coureur .filets i:nth-child(3){width:8px;animation-delay:-.33s}
@keyframes file{0%{transform:translateX(9px);opacity:0}35%{opacity:.95}100%{transform:translateX(-11px);opacity:0}}
@keyframes court{0%{left:1%}46%{left:91%}64%{left:91%}96%,100%{left:1%}}
.pt-reg{position:absolute;top:0;transform:translateX(-50%);text-align:center;width:130px}
.pt-prix{display:block;font-size:14px;font-weight:700;margin-bottom:9px;white-space:nowrap}
.pt-bille{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;margin:0 auto;border:3px solid #4A4A46;position:relative;top:-8px;overflow:hidden}
.pt-bille img{max-width:74%;max-height:60%;object-fit:contain}
.pt-march{display:block;font-size:11px;color:var(--gris-clair);margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-reg.mini{width:190px}
.pt-reg.mini .pt-prix{color:var(--flash);font-size:19px;font-weight:800}
.pt-reg.mini .pt-bille{width:40px;height:40px;top:-11px;border-color:var(--flash);box-shadow:0 0 0 6px rgba(255,45,79,.28)}
.pt-reg.mini .pt-march{color:#fff;font-weight:600;white-space:nowrap;overflow:visible;position:absolute;top:110px;left:50%;transform:translateX(-50%)!important;width:max-content}
.pt-reg.mini.bord-d .pt-march{left:auto;right:calc(50% - 26px);transform:none!important}
.pt-achat{display:inline-flex;align-items:center;gap:8px;background:var(--flash);color:#fff;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:9px 15px;text-decoration:none;box-shadow:0 8px 22px -10px rgba(255,45,79,.8);transition:.18s}
.pt-achat:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(255,45,79,1)}
.pt-achat mark{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--flash);font-weight:900;padding:5px 12px;border-radius:999px;box-shadow:0 0 0 2px rgba(255,255,255,.45)}
.pt-achat mark svg{flex:none;transition:transform .2s ease}
.pt-achat:hover mark svg{transform:translateX(3px)}
.pt-descend{position:absolute;top:64px;left:50%;color:var(--flash);display:block;width:22px;height:30px;transform:translateX(-50%);animation:descend 1.1s ease-in-out infinite}
.pt-descend svg{display:block;width:22px;height:30px}
@keyframes descend{0%,100%{transform:translateX(-50%) translateY(-3px);opacity:.55}50%{transform:translateX(-50%) translateY(7px);opacity:1}}
@media (prefers-reduced-motion:reduce){.pt-descend{animation:none}}
.pt-reg.muet{width:16px}
.pt-reg.muet{width:28px}
.pt-reg.muet .pt-bille{width:28px;height:28px;transform:translateY(25px)}
.pt-lien{display:block;color:inherit;text-decoration:none;border-bottom:1px solid transparent;width:fit-content;margin:0 auto}
.pt-lien:hover,.pt-lien:focus-visible{border-bottom-color:var(--flash)}
.pt-cta{display:block;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;white-space:nowrap;text-decoration:underline;text-decoration-color:var(--flash);text-underline-offset:3px;text-decoration-thickness:2px;margin-bottom:2px}
.pt-fleches{display:block;color:var(--flash);font-size:15px;font-weight:900;line-height:1;letter-spacing:1px;margin-bottom:4px;animation:filePt 1.1s ease-in-out infinite}
@keyframes filePt{0%,100%{transform:translateX(-3px);opacity:.55}50%{transform:translateX(4px);opacity:1}}
.pt-reg.bord-d .pt-prix,.pt-reg.bord-d .pt-march{transform:translateX(-38%)}
.pt-reg.bord-g .pt-prix,.pt-reg.bord-g .pt-march{transform:translateX(38%)}
.pt-reg.mini.bord-d .pt-prix,.pt-reg.mini.bord-d .pt-march{transform:translateX(-26%)}
.pt-reg.mini.bord-g .pt-prix,.pt-reg.mini.bord-g .pt-march{transform:translateX(26%)}
.regle-pied{margin-top:14px;font-size:12.5px;color:#8A8A84}
@media (prefers-reduced-motion:reduce){
  .coureur,.coureur .go,.coureur .filets i,.pt-fleches,.btn-cta,.btn-cta svg{animation:none}
  .coureur{left:91%}
}


/* Onglets Description / Caractéristiques / Livraison, d'après la fiche RunningDeals */
.onglets-zone{padding-block:72px}
.onglets{display:flex;gap:0;border-bottom:2px solid var(--encre);margin-bottom:28px}
.onglet{background:none;border:none;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:13px 22px;cursor:pointer;color:var(--gris);border-radius:0}
.onglet:hover{color:var(--encre)}
.onglet[aria-selected="true"]{background:var(--encre);color:#fff}
.v-texte{font-size:15px;line-height:1.7;max-width:78ch}
.v-texte p{margin:0}
.v-texte p+p{margin-top:12px}
.v-texte a{font-weight:700;color:var(--rouge-fonce)}
.specs{width:100%;border-collapse:collapse;max-width:720px;font-size:14px}
.specs th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--gris);padding:14px 24px 14px 0;border-bottom:1px solid var(--trait);width:34%;white-space:nowrap;vertical-align:middle}
.specs td{padding:14px 0;border-bottom:1px solid var(--trait);font-weight:600;white-space:nowrap}
.v-note{margin-top:18px;font-size:12.5px;color:var(--gris)}
/* « Vous aimerez aussi », carrousel de RunningDeals : badge rouge vif à la place du fluo */
.voisins{padding-block:72px 64px}
.voisins-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.fleches{display:flex;gap:8px;flex:none}
.fl-v{width:42px;height:42px;padding:0;border:1px solid var(--encre);background:#fff;color:var(--encre);display:grid;place-items:center;cursor:pointer}
.fl-v:hover,.fl-v:focus-visible{background:var(--encre);color:#fff}
.defile{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px) / 4);gap:22px;margin-top:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}
.defile::-webkit-scrollbar{display:none}
.carte-v{scroll-snap-align:start;min-width:0;text-decoration:none;display:block}
.carte-v .c-img{background:#EFEFEC;aspect-ratio:1;display:grid;place-items:center;padding:20px;position:relative}
.carte-v .c-img img{max-height:100%;object-fit:contain}
.etiq-c{position:absolute;top:0;left:0;background:var(--rouge-vif);color:#fff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;z-index:2}
.carte-v b{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin-top:12px}
.carte-v .n{font-size:15px;font-weight:600;margin:2px 0 6px}
.carte-v .p{font-size:16px;font-weight:800}
.carte-v:hover .n{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.defile{scroll-behavior:auto}}

/* Les autres coloris : piste A */
.gris{background:var(--fond2)}
.entete-sec{display:flex;justify-content:space-between;gap:20px;color:var(--gris);font-size:17px;padding-bottom:20px;border-bottom:1px solid var(--trait)}
.h2-filet{margin-top:0!important;padding-bottom:18px;border-bottom:1px solid var(--trait);font-size:34px!important;text-transform:uppercase;letter-spacing:-.01em!important}
.h2a{font-size:60px;letter-spacing:-.04em;line-height:1.06;margin:30px 0 0}
.cw-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px}
.sa-cw{text-decoration:none;display:block}
.sa-cw-img{display:block;background:#fff;aspect-ratio:1/1;padding:10%}
.gris .sa-cw-img{background:#fff}
.sa-cw-nom{display:block;font-weight:700;margin-top:12px;font-size:16px}
.sa-cw-prix{display:block;color:var(--gris);font-size:14px}
.sa-cw:hover .sa-cw-nom{text-decoration:underline}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:30px}
.duo .txt{font-size:19px;line-height:1.7;color:var(--gris);margin:0}
.carte{display:flex;align-items:flex-end;gap:6px;height:240px;margin-top:40px;overflow-x:auto;padding-bottom:4px}
.sa-barre{flex:1 0 34px;height:100%;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.sa-barre-v{width:100%;height:var(--h);background:#cfcfcf}
.sa-barre-p{font-size:11px;color:var(--gris)}
.sa-barre-n{font-size:13px;font-weight:700}
.sa-barre--bas .sa-barre-v{background:var(--rouge-vif)}
.sa-barre[aria-pressed="true"] .sa-barre-v{background:var(--encre)}
.sa-barre[aria-pressed="true"] .sa-barre-p{color:var(--encre);font-weight:700}
.chrono{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--trait)}
.chrono li{display:grid;grid-template-columns:150px minmax(0,1fr) 40px;gap:24px;padding:26px 0;border-bottom:1px solid var(--trait)}
.chrono .an{color:var(--gris);font-size:15px;padding-top:4px}
.chrono .lab{font-size:14px;color:var(--gris)}
.chrono h3{font-size:28px;letter-spacing:-.025em;line-height:1.15;margin:4px 0 10px}
.chrono b{display:block;margin-bottom:8px}
.chrono p{color:var(--gris);margin:0;max-width:640px;line-height:1.65}
.chrono .fl{justify-self:end;text-decoration:none;font-size:20px}
.archives{list-style:none;margin:28px 0 0;padding:0;columns:2;column-gap:40px}
.sa-arch{break-inside:avoid;display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--trait);font-size:15px}
.sa-arch time{color:var(--gris)}
.sa-arch a{text-decoration:none;font-weight:700}

/* En-tête façon Foot Inside, trois rouges du Bayern du plus foncé au plus clair */
.util{background:#0B0B0B;color:rgba(255,255,255,.9);font-size:12.5px;overflow:hidden;white-space:nowrap;padding:8px 0}
.util-piste{display:inline-block;animation:util-defile 95s linear infinite;will-change:transform}
.util:hover .util-piste{animation-play-state:paused}
.util-item{display:inline-flex;align-items:center;gap:9px;padding:0 24px;color:inherit;text-decoration:none}
.util-item:hover{color:#fff;text-decoration:underline}
.util-item .pt{width:7px;height:7px;border-radius:50%;background:#FF2D4F;flex:none}
.util-item .remise{background:#FF2D4F;color:#fff;font-weight:800;font-size:11.5px;padding:2px 8px;border-radius:999px;line-height:1.4}
@keyframes util-defile{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.head-fi{background:#EC0138;color:#fff;position:sticky;top:0;z-index:120}
.head-fi .c{display:flex;align-items:center;gap:26px;height:70px}
.logo-fi{display:flex;align-items:center;flex:none}
.logo-fi img{display:block;height:46px;width:auto}
.rech{flex:1;max-width:640px;display:flex;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.2);border:1px solid #FF2D4F}
.rech:focus-within{box-shadow:0 3px 12px rgba(0,0,0,.28)}
.rech input:focus,.rech .go:focus{outline:none}
.rech .go:focus-visible{background:#9A1A28}
.rech select{border:0;background:#F2F2F2;padding:0 30px 0 18px;font:inherit;font-size:14px;color:#3a3a3a;cursor:pointer;border-right:1px solid var(--trait)}
.rech input{flex:1;border:0;outline:none;padding:12px 16px;font:inherit;font-size:15px;min-width:0;color:var(--encre)}
.rech .go{background:#B92736;color:#fff;border:0;padding:0 22px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer}
.rech .go:hover{background:#9A1A28}
.head-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.hbtn{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:8px;font-size:14px;color:rgba(255,255,255,.92);text-decoration:none}
.hbtn:hover{background:rgba(255,255,255,.12);color:#fff}
.rnav{background:#DF0234;color:#fff;box-shadow:inset 0 -3px 0 #EC0138}
.rnav .c{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;position:relative}
.rnav .c::-webkit-scrollbar{display:none}
.rnav a{display:flex;align-items:center;gap:8px;padding:11px 17px;font-size:14.5px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;color:#fff;text-decoration:none}
.rnav a:first-child{padding-left:0}
.rnav-ind{position:absolute;bottom:0;left:0;width:0;height:3px;background:#B92736;border-radius:0;transition:left .28s ease,width .28s ease;pointer-events:none}
.rnav a.on{border-bottom-color:transparent}
.rnav .lv{background:#fff;color:#B92736;font-size:10px;font-weight:800;padding:1px 6px;border-radius:3px}
/* Pied façon Foot Inside */
.pf-liens{background:#161616}
.pf-liens .c{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding-block:16px}
.pf-liens a{color:rgba(255,255,255,.9);font-size:14px;font-weight:600;text-decoration:none}
.pf-liens a:hover{color:#fff;text-decoration:underline}
.pf{background:#0B0B0B;color:#fff;padding:56px 0 26px}
.pf-sitemap{padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.14)}
.pf-titre{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin:0 0 22px;color:#fff;text-align:center}
.pf-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}
.pf h4{font-size:15px;margin:0 0 12px;color:#FF2D4F}
.pf ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.pf a{color:rgba(255,255,255,.78);text-decoration:none}
.pf a:hover{color:#fff;text-decoration:underline}
.pf-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:30px 0}
.pf-brand .logo-fi img{height:64px}
.pf-brand p{color:rgba(255,255,255,.75);font-size:14.5px;margin:0}
.pf-b{padding-top:22px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
.pf-b a{color:rgba(255,255,255,.7)}
@media (max-width:820px){
  .head-fi .c{height:auto;padding-block:12px;flex-wrap:wrap;gap:12px}
  .logo-fi img{height:38px}
  .rech{order:3;flex-basis:100%;max-width:none}
  .rech select{display:none}
  .hbtn span{display:none}
  .pf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-liens .c{gap:12px 22px}
}
@media (prefers-reduced-motion:reduce){.util-piste{animation:none}}

.barre-mob{display:none}

@media (max-width:1100px){
  .entre{grid-template-columns:1fr;gap:28px}
}
@media (max-width:960px){
  .c{padding-inline:16px}
  .galerie{position:static}
  .vignettes{gap:8px}
  .vignettes button{width:calc((100% - 32px) / 5);height:auto;aspect-ratio:1;padding:4px}
  .etiq-pied{flex-wrap:wrap;gap:4px}
  .pt-reg.mini .pt-march{white-space:normal;width:290px}
  .pt-reg.mini.bord-d .pt-march{right:calc(50% - 10px)}
  .regle-piste{height:196px}
  .pt-achat{flex-wrap:wrap;justify-content:center;row-gap:6px;text-align:center}
  .etiq-ean{font-size:13px;text-align:left;white-space:nowrap}
  .onglets{overflow-x:auto;scrollbar-width:none}
  .onglet{padding:12px 14px;font-size:12px;flex:none}
  .specs th,.specs td{white-space:normal}
  .defile{grid-auto-columns:72%}
  .fleches{display:none}
  .nav .cache{display:none}
  .prod{grid-template-columns:1fr;gap:24px}
  h1{font-size:28px}
  .grille-tailles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .guide{margin-left:0}
  .etiq{grid-template-columns:64px minmax(0,1fr) 26px}
  .etiq-taille b{font-size:44px}
  .pictos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .sa-ligne,.cmp .sa-ligne{grid-template-columns:44px minmax(0,1fr) auto;gap:6px 12px;padding:12px}
  .cmp-cols{display:none}
  .cmp .sa-ligne{grid-template-columns:22px 44px minmax(0,1fr) auto;grid-template-areas:"rang logo bout prix" "rang logo port prix" "cta cta cta cta"}
  .cmp .sa-rang{grid-area:rang}
  .cmp .sa-logo{grid-area:logo}
  .cmp .sa-boutique{grid-area:bout}
  .sa-port{grid-area:port;font-size:12px}
  .cmp .sa-montant{grid-area:prix;align-self:center}
  .cmp .sa-voir{grid-area:cta;justify-self:stretch;justify-content:center}
  .sa-rang{grid-column:1 / -1}
  .sa-logo{width:48px;height:48px}
  .sa-diff{display:none}
  .sa-voir{grid-column:1 / -1;justify-self:stretch;text-align:center}
  .regle-piste{margin:0 12px}
  .pt-reg.bord-d .pt-prix,.pt-reg.bord-d .pt-march,.pt-reg.mini.bord-d .pt-prix,.pt-reg.mini.bord-d .pt-march{transform:translateX(-50%)}
  .pt-reg.bord-g .pt-prix,.pt-reg.bord-g .pt-march,.pt-reg.mini.bord-g .pt-prix,.pt-reg.mini.bord-g .pt-march{transform:translateX(50%)}
  .etiq-code svg{width:56px}
  .h2a{font-size:36px}
  .duo{grid-template-columns:1fr;gap:16px}
  .cw-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chrono li{grid-template-columns:1fr;gap:6px}
  .chrono .fl{display:none}
  .archives{columns:1}
  .sa-barre{flex:0 0 30px}
  .barre-mob{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--trait);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:12px;align-items:center;justify-content:space-between}
  .barre-mob div{font-size:14px;line-height:1.3}
  .barre-mob strong{font-size:18px;font-style:italic}
  .barre-mob a{background:var(--rouge-vif);color:#fff;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:999px;white-space:nowrap}
  body{padding-bottom:74px}
}
@media (max-width:420px){
  .logo b{font-size:20px}
  .etiq-corps{padding:12px}
  .etiq-style{font-size:20px}
  .best-p{font-size:40px}
}

/* ===== Accueil ===== */
.sec-a{padding-block:56px}
.sec-a.gris{background:var(--fond2)}
.tete-sec{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.titre-a{font-size:30px;font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1.1;margin:0}
.intro-a{color:var(--gris);font-size:15.5px;margin:6px 0 0;max-width:70ch}
.lien-a{font-weight:700;font-size:14.5px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid var(--rouge-vif);padding-bottom:2px}
/* Héros */
.hero{background:linear-gradient(150deg,#D2002E 0%,#ED0037 55%,#C2002B 100%);color:#fff;padding-block:52px 56px}
.hero .c{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.hero h1{font-size:56px;font-style:italic;font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:0}
.hero .sous{font-size:18px;line-height:1.55;margin:18px 0 0;max-width:46ch;opacity:.95}
.chiffres{display:flex;gap:34px;margin:28px 0 0;flex-wrap:wrap;list-style:none;padding:0}
.chiffres b{display:block;font-size:30px;font-weight:800;font-style:italic;letter-spacing:-.02em;line-height:1}
.chiffres span{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn-blanc,.btn-contour{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:700;text-decoration:none}
.btn-blanc{background:#fff;color:var(--rouge-fonce)}
.btn-blanc:hover{background:#FFE5EB}
.btn-contour{border:2px solid #fff;color:#fff}
.btn-contour:hover{background:rgba(255,255,255,.12)}
.offre-jour{background:#fff;color:var(--encre);border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(60,0,15,.35);position:relative}
.oj-tag{display:inline-block;background:var(--encre);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:4px 10px}
.oj-img{background:var(--fond2);border-radius:12px;aspect-ratio:16/10;display:grid;place-items:center;margin:14px 0;padding:6%}
.oj-img img{max-height:100%;object-fit:contain}
.oj-nom{font-weight:700;font-size:16px;margin:0}
.oj-prix{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.oj-prix b{font-size:38px;font-style:italic;font-weight:800;letter-spacing:-.03em}
.oj-prix s{color:var(--gris2)}
.oj-chez{font-size:13.5px;color:var(--gris);margin:0 0 14px}
.offre-jour .btn-cta{width:100%}
/* Cartes produit (carte_deal de Foot Inside) */
.rail-a{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px) / 5);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}
.rail-a::-webkit-scrollbar{display:none}
.grille-a{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.grille-a[hidden]{display:none}
.deal{position:relative;display:block;border:1px solid #E6E6E6;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;scroll-snap-align:start;transition:transform .18s,box-shadow .18s}
.deal:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.09)}
.deal-img{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:#F3F3F3}
.deal-img img{width:100%;height:100%;object-fit:contain;padding:9%}
.deal .rem{position:absolute;top:10px;left:10px;background:var(--rouge-vif);color:#fff;font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 10px}
.deal .fav{position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--encre)}
.deal-b{padding:12px 13px 13px}
.deal .ligne-m{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}
.deal .marq{display:block;height:18px;width:auto;max-width:70px;object-fit:contain}
.deal .nb{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#555;font-weight:600}
.deal .nb i{width:6px;height:6px;border-radius:50%;background:#888}
.deal .nom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600;line-height:1.32;min-height:2.64em;margin:0 0 12px;color:var(--encre)}
.deal .bas{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.deal .prow{line-height:1.1}
.deal .dep{display:block;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#888}
.deal .pv2{font-style:italic;font-weight:800;font-size:19px;color:var(--encre)}
.deal s{display:block;font-size:12px;color:#999}
.deal .cta-mini{display:inline-flex;align-items:center;background:var(--encre);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:8px 13px}
.deal:hover .cta-mini{background:var(--rouge-vif)}
/* Meilleurs prix du jour : le comparateur de la fiche, une ligne par paire */
.pj .sa-ligne{grid-template-columns:34px 56px minmax(0,1fr) 150px 120px 90px 160px}
.pj .cmp-cols{grid-template-columns:34px 56px minmax(0,1fr) 150px 120px 90px 160px}
.pj .sa-logo{border-radius:10px;width:56px;height:56px;background:#F3F3F3}
.pj .sa-logo img{max-width:92%;max-height:80%}
.pj .chez{display:inline-flex;align-items:center;gap:6px}
.pj .chez img{height:16px;width:auto;max-width:60px;object-fit:contain;background:#fff;border-radius:3px}
.pj .sa-rem{font-weight:800;color:var(--rouge-vif);text-align:right}
.pj .sa-ligne--top .sa-rem{color:#fff}
.pj .sa-montant s{display:block;font-size:12px;font-weight:500;font-style:normal;color:#999}
.pj .sa-ligne--top .sa-montant s{color:#ffd0da}
/* Bandeau des marques, en dégradé diagonal */
.sec-rouge{background:linear-gradient(150deg,#D2002E 0%,#ED0037 55%,#C2002B 100%);color:#fff}
.sec-rouge .titre-a{color:#fff}
.onglets-m{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.onglet-m{border:2px solid #fff;background:transparent;color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer}
.onglet-m[aria-selected="true"]{background:#fff;color:var(--rouge-fonce)}
/* Modèles cultes, en mosaïque comme les clubs de Foot Inside */
.cultes{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:520px}
.culte{position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:flex-end;padding:20px}
.culte:first-child{grid-row:span 2}
.culte img{position:absolute;inset:6% 6% 30% 6%;width:88%;height:64%;object-fit:contain;transition:transform .3s}
.culte:hover img{transform:scale(1.04) rotate(-2deg)}
.culte span{position:relative;display:block}
.culte small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.culte b{display:block;font-size:24px;font-style:italic;font-weight:800;letter-spacing:-.02em}
.culte em{font-style:normal;font-size:14px;opacity:.9}
.culte:first-child b{font-size:34px}
.c1{background:linear-gradient(150deg,#D2002E,#ED0037 60%,#C2002B)}.c2{background:#111}.c3{background:#2B2B2B}.c4{background:#7A1522}.c5{background:#3A3A3A}
/* On compare pour toi */
.methode{background:#0B0B0B;color:#fff;padding-block:48px}
.methode .titre-a{color:#fff}
.methode .intro-a{color:#bdbdbd}
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px;list-style:none;padding:0}
.etapes li{border-top:3px solid var(--flash);padding-top:16px}
.etapes svg{color:var(--flash)}
.etapes b{display:block;font-size:18px;margin:10px 0 6px}
.etapes p{margin:0;color:#cfcfcf;font-size:14.5px;line-height:1.6}
/* Guides */
.guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.guide-a{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #E6E6E6;text-decoration:none}
.guide-a .g-img{background:#F3F3F3;aspect-ratio:16/10;overflow:hidden}
.guide-a .g-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.guide-a:hover .g-img img{transform:scale(1.04)}
.guide-a .g-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.guide-a small{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rouge-vif)}
.guide-a b{font-size:16px;line-height:1.3}
.guide-a em{margin-top:auto;font-style:normal;font-weight:700;font-size:14px}
.guide-a:hover b{text-decoration:underline}
/* Boutiques */
.mur-a{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.mur-a span{display:flex;align-items:center;justify-content:center;height:68px;background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:12px 14px;overflow:hidden}
.mur-a img{display:block;max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain}
.mur-a span.plein img{max-height:42px;border-radius:8px}
/* Texte et questions */
.seo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}
.seo p{color:#3a3a3a;line-height:1.7;margin:0 0 12px;font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.chips a{border:1px solid #DADADA;border-radius:999px;padding:6px 12px;font-size:13.5px;text-decoration:none;background:#fff}
.chips a:hover{border-color:var(--encre)}
.seo h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:18px 0 0}
.faq details{border-bottom:1px solid var(--trait);padding:14px 0}
.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--rouge-vif)}
.faq details[open] summary::after{content:"−"}
.faq p{margin:10px 0 0;color:#3a3a3a;font-size:14.5px;line-height:1.65}
/* Version B : premier écran blanc et centré, comme la home RunningDeals ; le rouge seulement en aplat et sur le bouton */
.hero-b{background:#fff;padding-top:34px}
.hb-txt{max-width:940px;margin:0 auto;text-align:center}
.hb-sur{display:flex;justify-content:center;align-items:center;gap:12px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.hb-sur::before{content:"";width:26px;height:3px;background:var(--rouge-vif)}
.hero-b h1{font-size:clamp(30px,3.6vw,50px);font-weight:900;font-style:italic;line-height:1.04;letter-spacing:-.03em;text-transform:uppercase;margin:16px auto 0;max-width:30ch;text-wrap:balance}
.hero-b h1 .ligne2{display:table;white-space:nowrap;font-size:.8em;margin:.22em auto 0;background:var(--rouge-vif);color:#fff;padding:.04em .3em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-b .sous{font-size:16px;line-height:1.6;color:var(--gris);max-width:62ch;margin:18px auto 0}
.hb-chercher{margin:30px auto 0;max-width:660px;height:62px;background:#fff;border:2px solid var(--encre);border-radius:999px;display:flex;align-items:center;padding:0 6px 0 24px;text-align:left}
.hb-chercher input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:16px;background:none;color:var(--encre)}
.hb-chercher button{height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--rouge-vif);color:#fff;font:inherit;font-size:13.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.hb-chercher button:hover{background:#A60027}
.hb-suggest{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--gris)}
.hb-suggest a{background:var(--encre);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}
.hb-suggest a:hover{background:var(--rouge-vif)}
.hb-chiffres{margin-top:32px;border-top:1px solid var(--trait);display:flex;justify-content:center;gap:64px;flex-wrap:wrap;list-style:none;padding:0}
.hb-chiffres li{padding:18px 0 20px;text-align:center}
.hb-chiffres b{display:block;font-size:24px;font-weight:900;font-style:italic;letter-spacing:-.02em}
.hb-chiffres span{display:block;margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.hb-marques{background:var(--fond2);border-top:1px solid var(--trait);border-bottom:1px solid var(--trait);padding-block:26px}
.hb-fil{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.hb-marque{display:flex;flex-direction:column;align-items:center;gap:8px;width:104px;text-decoration:none}
.hb-rond{width:74px;height:74px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:box-shadow .15s}
.hb-rond img{max-width:40px;max-height:30px;object-fit:contain}
.hb-marque:hover .hb-rond{box-shadow:0 0 0 2px var(--rouge-vif)}
.hb-marque span:last-child{font-size:12.5px;font-weight:700;color:var(--encre)}
/* Version C : le bandeau de la home Foot Inside, mêmes mesures (relevées en ligne le 10/10/2026 à 1440 px :
   600 px de haut, colonnes 1.15fr / .95fr, encart de 480 px, padding 52 px), photos des articles sneak-art */
.hero-c{position:relative;overflow:hidden;background:#0B0B0B;color:#fff;min-height:min(72vh,600px);display:flex;align-items:center;padding:28px 0 8px}
.hc-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.hc-slide.on{opacity:1}
.hc-slide img{width:100%;height:100%;object-fit:cover}
.hc-voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.82) 0%,rgba(8,8,8,.64) 42%,rgba(8,8,8,.24) 100%)}
.hc-wrap{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.15fr .95fr;gap:40px;align-items:center;padding-block:52px}
.hero-c h1{font-size:56px;font-style:italic;font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0 0 16px;max-width:30ch;color:#fff}
.hero-c .chap{font-size:18px;line-height:1.55;margin:0 0 24px;max-width:46ch;color:rgba(255,255,255,.88)}
.hc-ctas{display:flex;gap:11px;flex-wrap:wrap}
.hc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;font-size:15.5px;font-weight:700;border-radius:999px;text-decoration:none;border:2px solid transparent;line-height:1.6}
.hc-btn-r{background:var(--rouge-vif);color:#fff}
.hc-btn-r:hover{background:var(--rouge-fonce)}
.hc-btn-b{color:#fff;border-color:rgba(255,255,255,.45)}
.hc-btn-b:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.hc-dots{display:flex;gap:8px;margin-top:28px}
.hc-dots button{width:26px;height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.32);cursor:pointer;padding:0;transition:.2s}
.hc-dots button:hover{background:rgba(255,255,255,.6)}
.hc-dots button.on{background:var(--rouge-vif);width:36px}
.hc-lire{display:block;margin-top:14px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.85);text-decoration:none}
.hc-lire[hidden]{display:none}
.hc-lire b{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.28);cursor:pointer;transition:.18s}
.hc-nav:hover{background:var(--rouge-vif);border-color:var(--rouge-vif)}
.hc-nav.prev{left:22px}
.hc-nav.next{right:22px}
/* L'encart « L'offre du jour » de Foot Inside */
.encart{background:#fff;color:var(--encre);border-radius:10px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.32);max-width:480px;width:100%;justify-self:start}
.enc-top{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.enc-tit{font-size:29px;font-style:italic;font-weight:800;letter-spacing:-.02em}
.enc-sub{flex-basis:100%;font-size:14.5px;font-weight:600;color:#555}
.enc-prix{display:flex;align-items:center;gap:18px;margin-top:16px}
.enc-vign{width:100px;height:100px;border-radius:12px;object-fit:contain;padding:8px;flex:none;background:var(--fond2)}
.enc-prix-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.enc-prix-t .pv{font-style:italic;font-weight:800;font-size:36px;line-height:1;letter-spacing:-.02em}
.enc-prix-t .av{font-size:13.5px;color:#888;text-decoration:line-through}
.enc-remise{background:var(--rouge-vif);color:#fff;font-size:13.5px;font-weight:800;padding:4px 10px;border-radius:999px}
.encart .li{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #EFEFEF;font-size:13.5px}
.encart .li:first-of-type{margin-top:14px}
.encart .li b{font-weight:600}
.cta-offre{width:100%;margin-top:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ED0037,#C2002B);color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;padding:14px 18px 14px 14px;border-radius:999px;text-decoration:none;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 22px -8px rgba(194,0,43,.6);animation:cta-respire 2.8s ease-in-out infinite}
.cta-offre .ico{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}
.cta-offre .txt{flex:1;text-align:left}
.cta-offre svg.fl{flex:none;animation:ci-pousse 2.4s ease-in-out infinite}
.cta-offre::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);transform:translateX(-130%)}
.cta-offre:hover::after{transition:transform .55s ease;transform:translateX(130%)}
.cta-offre:hover{background:linear-gradient(135deg,#C2002B,#A60027)}
@keyframes ci-pousse{0%,55%,100%{transform:translateX(0)}72%{transform:translateX(5px)}86%{transform:translateX(0)}}
@keyframes cta-respire{0%,100%{box-shadow:0 10px 22px -8px rgba(194,0,43,.6),0 0 0 0 rgba(237,0,55,.45)}50%{box-shadow:0 10px 22px -8px rgba(194,0,43,.7),0 0 0 9px rgba(237,0,55,0)}}
@media (prefers-reduced-motion:reduce){.cta-offre,.cta-offre svg.fl{animation:none}}
@media (max-width:1100px){
  .rail-a{grid-auto-columns:calc((100% - 36px) / 3)}
  .grille-a{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mur-a{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:960px){
  .hero .c{grid-template-columns:1fr;gap:28px}
  .hero h1{font-size:36px}
  .rail-a{grid-auto-columns:62%}
  .grille-a{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj .cmp-cols{display:none}
  .pj .sa-ligne{grid-template-columns:22px 56px minmax(0,1fr) auto;grid-template-areas:"rang logo bout prix" "rang logo port rem" "cta cta cta cta"}
  .pj .sa-rem{grid-area:rem}
  .cultes{grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto}
  .culte{min-height:200px}
  .culte:first-child{grid-row:auto;grid-column:span 2;min-height:260px}
  .etapes{grid-template-columns:1fr}
  .guides{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mur-a{grid-template-columns:repeat(4,minmax(0,1fr))}
  .seo{grid-template-columns:1fr;gap:24px}
  .titre-a{font-size:24px}
  .hb-chiffres{gap:10px 34px}
  .hb-marque{width:80px}
  .hb-rond{width:62px;height:62px}
  .hc-wrap{grid-template-columns:1fr;gap:40px;padding-block:36px}
  .hero-c h1{font-size:32px}
  .hc-nav{display:none}
  .encart{max-width:none;justify-self:stretch}
  .hc-voile{background:linear-gradient(180deg,rgba(8,8,8,.8) 0%,rgba(8,8,8,.7) 55%,rgba(8,8,8,.86) 100%)}
}
@media (max-width:560px){
  .hero-b h1 .ligne2{white-space:normal;font-size:.74em;margin-top:.3em}
  .hb-chercher{height:56px;padding-left:18px}
  .hb-chercher button{height:44px;padding:0 18px}
}
@media (max-width:560px){
  .deal-b{padding:10px 10px 11px}
  .deal .nom{font-size:13px;margin-bottom:8px}
  .deal .bas{flex-direction:column;align-items:stretch;gap:8px}
  .deal .cta-mini{justify-content:center;padding:9px 10px;min-height:36px}
  .deal .rem{font-size:13px;padding:4px 9px;top:8px;left:8px}
  .chiffres{gap:18px 26px}
  .chiffres b{font-size:26px}
  .mur-a{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mur-a span{height:58px;padding:10px}
  .mur-a img{max-height:28px}
  .culte{min-height:226px;padding:14px}
  .culte img{inset:6% 6% auto 6%;height:46%}
  .culte b{font-size:19px;line-height:1.15}
  .culte small{font-size:10.5px}
  .culte:first-child{min-height:280px}
  .culte:first-child img{height:58%}
}

/* ===== Accueil, version D ===== */
@media (max-width:960px){body{padding-bottom:0}}
.sec-d{padding-block:64px}
.sec-d.gris{background:var(--fond2)}
.tete-d{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.titre-d{margin:0;font-size:34px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.titre-d .en{color:var(--rouge-vif)}
.sous-d{margin:8px 0 0;color:var(--gris);font-size:15px;max-width:62ch}
.lien-d{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:7px;border-bottom:2px solid var(--encre);padding-bottom:3px}
.lien-d:hover{color:var(--rouge-vif);border-color:var(--rouge-vif)}
/* Intro : le titre seul, en capitales (Salomon) */
.d-intro{padding-block:40px 30px}
.d-intro .c{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end}
.d-intro h1{margin:0;font-size:clamp(38px,5vw,74px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.04em;line-height:.92}
.d-intro p{margin:0 0 14px;font-size:17px;line-height:1.55;color:#333;max-width:44ch}
.d-chiffres{display:flex;gap:30px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.d-chiffres b{display:block;font-size:24px;font-weight:900;font-style:italic;letter-spacing:-.02em;line-height:1.1}
.d-chiffres span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
/* Sélecteur de pointure, collant sous l'en-tête */
.d-pointure{position:sticky;top:var(--haut,70px);z-index:110;background:#fff;border-block:1px solid var(--trait)}
.d-pointure .c{display:flex;align-items:center;gap:18px;height:64px}
.dp-lab{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.dp-liste{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:4px}
.dp-liste::-webkit-scrollbar{display:none}
.dp-liste button{flex:none;min-width:46px;height:38px;padding:0 12px;border:1px solid #111;border-radius:999px;background:#fff;color:var(--encre);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.dp-liste button:hover{background:#111;color:#fff}
.dp-liste button[aria-checked="true"]{background:var(--rouge-vif);border-color:var(--rouge-vif);color:#fff}
.dp-etat{margin-left:auto;font-size:13px;color:var(--gris);white-space:nowrap}
.dp-etat b{color:var(--encre)}
/* Mosaïque bord à bord (Sneakersnstuff) */
.d-mosaique{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:min(78vh,640px);min-height:480px}
.tuile{position:relative;overflow:hidden;color:#fff;text-decoration:none;display:block;background:#111}
.tuile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tuile:hover img{transform:scale(1.04)}
.tuile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 62%,rgba(0,0,0,.42) 100%);pointer-events:none}
.tuile.rouge{background:linear-gradient(160deg,#ED0037 0%,#C2002B 100%)}
.tuile.rouge::after{display:none}
.tuile.rouge img{object-fit:contain;padding:12% 8%;transform:rotate(-14deg)}
.tuile.rouge:hover img{transform:rotate(-10deg) scale(1.05)}
.etiq-d{position:absolute;z-index:2;top:22px;left:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.etiq-d b{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--encre);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 14px}
.etiq-d small{font-size:13px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.tuile-bas{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;font-size:clamp(26px,2.6vw,40px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:.95}
/* Tuiles produit sans cadre (Kith), prix de la pointure choisie */
.grille-d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.prod{display:block;text-decoration:none;color:var(--encre)}
.prod-img{position:relative;aspect-ratio:1/1;background:#F2F2F2;display:grid;place-items:center;overflow:hidden}
.prod-img img{width:84%;height:84%;object-fit:contain;transition:transform .35s ease}
.prod:hover .prod-img img{transform:scale(1.06) rotate(-3deg)}
.prod .rem{position:absolute;top:12px;left:12px;background:var(--rouge-vif);color:#fff;font-size:12.5px;font-weight:800;border-radius:999px;padding:4px 10px}
.prod .rem[hidden]{display:none}
.prod .fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;cursor:pointer;color:var(--encre)}
.prod-b{display:block;padding-top:12px}
.prod-m{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.prod-n{display:block;font-size:15px;font-weight:700;line-height:1.3;margin:3px 0 8px}
.prod-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--gris)}
.prod-p .pv{font-size:19px;font-weight:900;font-style:italic;color:var(--encre)}
.prod-p s{color:#9a9a9a}
.prod.absent .prod-img img{opacity:.35}
.prod.absent .pv{font-size:14px;font-style:normal;font-weight:700;color:var(--gris)}
/* Bandeau des boutiques */
.d-boutiques{border-block:1px solid var(--trait);padding-block:22px;overflow:hidden}
.d-boutiques .c{display:flex;align-items:center;gap:28px}
.d-boutiques .lab{flex:none;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.defile{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.defile-piste{display:flex;gap:44px;width:max-content;animation:defile 60s linear infinite}
.defile-piste img{height:26px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.75}
.defile:hover .defile-piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.defile-piste{animation:none}}
/* Marques en rail (Salomon « Découvrir ») */
.rail-d{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 16px) / 6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail-d::-webkit-scrollbar{display:none}
.marque-d{position:relative;scroll-snap-align:start;aspect-ratio:3/4;background:#F2F2F2;text-decoration:none;color:var(--encre);display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden}
.marque-d img.p{position:absolute;left:6%;right:6%;top:30%;width:88%;height:44%;object-fit:contain;transition:transform .35s}
.marque-d:hover img.p{transform:scale(1.07) rotate(-4deg)}
.marque-d .logo{height:22px;width:auto;max-width:80px;object-fit:contain;align-self:flex-start}
.marque-d span{position:relative;font-size:14px;font-weight:800}
.marque-d small{display:block;font-size:12.5px;font-weight:600;color:var(--gris)}
.marque-d.toutes{background:var(--encre);color:#fff;justify-content:flex-end}
.marque-d.toutes b{font-size:26px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;margin-bottom:10px}
.marque-d.toutes small{color:#bbb}
/* Blocs de campagne en demi-largeur (Salomon) */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.camp{position:relative;aspect-ratio:16/11;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}
.camp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.camp::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 100%);z-index:1}
.camp>*:not(img){position:relative;z-index:2}
.camp h3{margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:.95}
.camp p{margin:10px 0 18px;font-size:15px;max-width:44ch;color:rgba(255,255,255,.9)}
.pills{display:flex;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--encre);font-size:14px;font-weight:700;border-radius:999px;padding:11px 18px;text-decoration:none;transition:background .15s,color .15s}
.pill:hover{background:var(--rouge-vif);color:#fff}
/* Modèles cultes en cartes hautes (Salomon « Catégories du moment ») */
.cultes-d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.culte-d{position:relative;aspect-ratio:3/4;background:#F2F2F2;text-decoration:none;color:var(--encre);overflow:hidden;padding:18px}
.culte-d img{position:absolute;left:4%;width:92%;top:28%;height:50%;object-fit:contain;transition:transform .4s}
.culte-d:hover img{transform:scale(1.08) rotate(-4deg)}
.culte-d b{display:block;font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.culte-d small{display:block;margin-top:6px;font-size:13px;color:var(--gris);font-weight:600}
.culte-d .go{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;transition:background .15s}
.culte-d:hover .go{background:var(--rouge-vif)}
/* Magazine (Hypebeast) */
.mag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}
.art{text-decoration:none;color:var(--encre);display:block}
.art-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#eee}
.art-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.art:hover .art-img img{transform:scale(1.05)}
.art b{display:block;margin-top:12px;font-size:16px;line-height:1.35}
.art:hover b{text-decoration:underline;text-underline-offset:3px}
.art small{display:block;margin-top:8px;font-size:12.5px;color:var(--gris)}
.art small i{font-style:normal;color:var(--rouge-vif);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-right:6px}
/* Liens en colonnes (Salomon) et questions */
.liens-d{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:8px}
.liens-d h3{margin:0 0 12px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.liens-d ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.liens-d a{font-size:14px;color:#333;text-decoration:none}
.liens-d a:hover{color:var(--rouge-vif);text-decoration:underline}
.seo-d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:56px;padding-top:40px;border-top:1px solid var(--trait)}
.seo-d p{margin:0 0 12px;color:#3a3a3a;line-height:1.7;font-size:15px}
.faq-d details{border-bottom:1px solid var(--trait);padding:14px 0}
.faq-d summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq-d summary::after{content:"+";font-size:20px;line-height:1;color:var(--rouge-vif)}
.faq-d details[open] summary::after{content:"−"}
.faq-d p{margin:10px 0 0;font-size:14.5px}
@media (max-width:1100px){
  .grille-d,.mag{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rail-d{grid-auto-columns:calc((100% - 3 * 16px) / 4)}
  .cultes-d{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .sec-d{padding-block:44px}
  .titre-d{font-size:26px}
  .d-intro{padding-block:26px 20px}
  .d-intro .c{grid-template-columns:1fr;gap:16px}
  .d-intro p{font-size:15.5px;margin-bottom:12px}
  .d-chiffres{gap:20px}
  .d-chiffres b{font-size:20px}
  .d-pointure .c{height:58px;gap:10px;padding-inline:16px}
  .dp-lab{font-size:11px}
  .dp-etat{display:none}
  .d-mosaique{display:flex;height:auto;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .d-mosaique::-webkit-scrollbar{display:none}
  .tuile{flex:0 0 84%;aspect-ratio:4/5;scroll-snap-align:start}
  .grille-d,.mag{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .rail-d{grid-auto-columns:42%}
  .duo{grid-template-columns:1fr}
  .camp{aspect-ratio:4/5;padding:22px}
  .cultes-d{gap:12px}
  .culte-d{padding:14px}
  .culte-d b{font-size:16px}
  .liens-d{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .seo-d{grid-template-columns:1fr;gap:28px;margin-top:40px}
  .d-boutiques .lab{display:none}
  .prod-n{font-size:14px}
}

/* ===== Version E ===== */
/* Titres de section : la police des titres de la version D */
.titre-a{font-size:34px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.titre-a .en,.titre-d .en{color:var(--rouge-vif)}
.sec-rouge .titre-a{color:#fff}
.methode .titre-a{color:#fff}
/* Deals : barre de pointure pleine largeur, collante tant qu'on parcourt les 8 paires */
.e-deals{padding-bottom:56px}
.e-deals .tete-sec{margin-bottom:18px}
.e-deals .d-pointure{margin-bottom:26px}
.e-grille{grid-template-columns:repeat(4,minmax(0,1fr))}
.deal.absent .deal-img img{opacity:.35}
.deal.absent .pv2{font-size:14px;font-style:normal;font-weight:700;color:var(--gris)}
.deal .rem[hidden]{display:none}
.deal s[hidden]{display:none}
/* Bandeau des boutiques : logos cliquables */
.e-boutiques .defile-piste a,.e-boutiques .defile-piste span{display:inline-flex;align-items:center}
.e-boutiques .defile-piste .double{display:contents}
.e-boutiques .defile-piste{padding-right:44px}
.e-boutiques .defile-piste a img{transition:filter .2s,opacity .2s}
.e-boutiques .defile-piste a:hover img,.e-boutiques .defile-piste a:focus-visible img{filter:none;opacity:1}
/* Aperçu rapide (quickview.css de Foot Inside, aux couleurs de sneak-art) */
.deal .deal-img{overflow:hidden}
.deal .qv-eye{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;z-index:3;background:#fff;display:grid;place-items:center;color:var(--encre);border:0;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:background .18s,color .18s,transform .18s}
.deal .qv-eye:hover{background:var(--encre);color:#fff;transform:scale(1.06)}
.deal .qv-bar{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;border:0;cursor:pointer;background:var(--encre);color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1;padding:15px 12px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s,background .18s}
.deal:hover .qv-bar,.deal .qv-bar:focus-visible{opacity:1;transform:none}
.deal .qv-bar:hover{background:var(--rouge-vif)}
@media (hover:none){
  .deal .qv-eye{width:34px;height:34px}
  .deal .qv-bar{opacity:1;transform:none;padding:11px 8px;font-size:13px;left:8px;right:8px;bottom:8px}
}
.qv-fond{position:fixed;inset:0;z-index:2147483000;background:rgba(12,12,12,.55);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.qv-fond.on{opacity:1;visibility:visible}
.qv-modal{background:#fff;border-radius:14px;width:min(920px,100%);height:min(86vh,720px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr);position:relative;transform:translateY(16px) scale(.98);transition:transform .25s;color:var(--encre)}
.qv-fond.on .qv-modal{transform:none}
.qv-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;z-index:2;display:grid;place-items:center;color:var(--encre)}
.qv-x:hover{background:var(--encre);color:#fff}
.qv-photo{background:var(--fond2);display:flex;flex-direction:column;min-height:0}
.qv-photo .qv-grande{flex:1;min-height:260px;display:grid;place-items:center;padding:8%}
.qv-photo .qv-grande img{width:100%;height:100%;object-fit:contain}
.qv-info{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.qv-defile{flex:1;min-height:0;overflow-y:auto;padding:26px 26px 14px}
.qv-pied{padding:14px 26px 20px;border-top:1px solid var(--trait);background:#fff}
.qv-photo{position:relative}
.qv-logo{position:absolute;top:16px;right:16px;z-index:2;width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.qv-logo img{max-width:64%;max-height:46%;object-fit:contain}
.qv-info h2{font-size:22px;line-height:1.2;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.02em;margin:2px 44px 8px 0}
.qv-prix{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.qv-prix .dep{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);width:100%}
.qv-prix .v{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-.02em}
.qv-prix .rem{font-size:12px;font-weight:800;color:#fff;background:var(--rouge-vif);border-radius:999px;padding:3px 9px}
.qv-prix .ancien{font-size:14px;color:var(--gris);text-decoration:line-through}
.qv-lab{font-size:13px;font-weight:700;margin:0 0 8px;display:flex;justify-content:space-between;gap:8px}
.qv-lab span{font-weight:400;color:var(--gris)}
.qv-tailles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.qv-tailles button{min-width:48px;padding:9px 13px;border:1px solid #111;border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;color:var(--encre);transition:.15s}
.qv-tailles button:hover{background:#111;color:#fff}
.qv-tailles button[aria-pressed="true"]{background:var(--rouge-vif);color:#fff;border-color:var(--rouge-vif)}
.qv-best{position:relative;border:2px solid var(--rouge-vif);border-radius:12px;background:#FFF2F5;padding:22px 16px 16px;margin:12px 0 10px}
.qv-best .qv-etiq{position:absolute;top:-11px;left:14px;background:var(--rouge-vif);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:4px 11px}
.qv-best .qv-haut{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}
.qv-lg{border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.12);overflow:hidden}
.qv-best .qv-lg{width:44px;height:44px}
.qv-lg img{max-width:72%;max-height:56%;object-fit:contain}
.qv-best b{display:block;font-size:16px}
.qv-best small,.qv-o small{display:block;font-size:12.5px;color:var(--gris)}
.qv-best .qv-tot{font-weight:900;font-style:italic;font-size:26px;white-space:nowrap}
.qv-best .qv-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:15px;border-radius:999px;background:var(--rouge-vif);color:#fff;font-weight:800;font-size:15px;text-decoration:none;box-shadow:0 6px 16px -6px rgba(194,0,43,.55)}
.qv-best .qv-go:hover{background:var(--rouge-fonce)}
.qv-autres{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin:14px 0 2px}
.qv-o{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #EFEFEF}
.qv-o .qv-lg{width:34px;height:34px}
.qv-o b{display:block;font-size:14px}
.qv-o .qv-tot{font-weight:900;font-style:italic;font-size:17px;white-space:nowrap}
.qv-o a{font-size:12.5px;font-weight:700;background:var(--encre);color:#fff;border-radius:999px;padding:9px 13px;white-space:nowrap;text-decoration:none}
.qv-o a:hover{background:var(--rouge-vif)}
.qv-vide{padding:16px 0;color:var(--gris);font-size:14px}
.qv-fiche{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:999px;border:2px solid var(--encre);font-weight:700;font-size:14px;color:var(--encre);text-decoration:none}
.qv-fiche:hover{background:var(--encre);color:#fff}
@media (max-width:1100px){.e-grille{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:960px){
  .titre-a{font-size:26px}
  .e-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .e-deals .d-pointure{margin-bottom:18px}
}
@media (max-width:760px){
  .qv-fond{padding:0;align-items:end}
  .qv-modal{grid-template-columns:1fr;grid-template-rows:none;height:auto;max-height:92vh;border-radius:16px 16px 0 0;overflow-y:auto}
  .qv-photo .qv-grande{flex:none;min-height:0;height:210px;padding:5% 12%}
  .qv-logo{right:auto;left:14px;top:14px;width:50px;height:50px}
  .qv-info{overflow:visible}
  .qv-defile{overflow:visible;padding:18px 16px 10px}
  .qv-pied{position:sticky;bottom:0;padding:12px 16px 16px}
  .qv-o{grid-template-columns:30px minmax(0,1fr) auto;row-gap:8px}
  .qv-o a{grid-column:1 / -1;text-align:center}
}
@media (prefers-reduced-motion:reduce){.qv-modal,.deal .qv-bar,.deal .qv-eye{transition:none}}

/* Production : photos des flux (fond blanc fondu dans le gris des cartes), bandeau des boutiques fixe s'il y en a peu */
.deal-img img.flux,.oj-img img.flux,.enc-vign.flux,.pj .sa-logo img.flux{mix-blend-mode:multiply}
.deal-img img.flux{padding:9%}
.e-boutiques.peu .defile{-webkit-mask-image:none;mask-image:none}
.e-boutiques.peu .defile-piste{animation:none;gap:56px}
.e-boutiques.peu .defile-piste img{height:30px;filter:none;opacity:1}
.culte img.flux{mix-blend-mode:normal}
/* Hero à une seule photo (admin, 12/10/2026) : ni flèches ni points */
.hero-c.une-photo .hc-nav,.hero-c.une-photo .hc-dots{display:none}

/* Header validé le 12/10/2026 (generer.py, section 9 bis) */
.util{background:#0B0B0B}
.head-fi{background:#1C1C1F;border-top:0}
.rnav{background:#2B2B30;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);position:sticky;top:var(--haut,70px);z-index:119}
.rnav-ind{background:#ED0037;height:2px}
.rnav a:hover{color:#fff;background:rgba(255,255,255,.04)}