/* Méga-menu Posturea façon Decathlon (posturea-menu.php). Ordinateur uniquement ; le mobile garde le menu du thème. */
html{overflow-x:clip}
.pm{--pm-ink:#101820;--pm-mut:#4d5866;--pm-line:#e7eaee;--pm-teal:#009EB1;--pm-papier:#f5f2ec;font-family:Inter,-apple-system,system-ui,sans-serif}

@media (min-width:993px){
	/* Le menu du thème laisse la place au méga-menu. */
	.main-navigation .menu-primary-menu-container > ul.menu,.main-navigation .primary-navigation > ul.menu{display:none!important}
	.col-full-nav{z-index:200!important}
	.col-full-nav .shoptimizer-primary-navigation{position:relative}
	.main-navigation{position:static!important}
	.pm{position:static}
	.pm-bar{display:flex;align-items:stretch;gap:30px;list-style:none;margin:0;padding:0;height:52px}
	.pm-it{position:static;display:flex;align-items:stretch;margin:0;padding:0}
	.pm-top{position:relative;display:flex;align-items:center;font-size:15px;font-weight:500;color:var(--pm-ink)!important;text-decoration:none!important;white-space:nowrap;letter-spacing:0}
	.pm-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--pm-ink);transform:scaleX(0);transition:transform .18s ease}
	.pm-it:hover>.pm-top::after,.pm-it.ouv>.pm-top::after{transform:scaleX(1)}
	.pm-aide{margin-left:auto}
	.pm-aide .pm-top{color:var(--pm-mut)!important;font-weight:400}

	/* Panneau pleine largeur, collé sous la barre. */
	.pm-panel{position:absolute;top:100%;left:50%;width:100vw;margin-left:-50vw;background:#fff;border-top:1px solid var(--pm-line);box-shadow:0 22px 34px rgba(16,24,32,.12);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:2}
	.pm-it.ouv .pm-panel{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}
	.pm-in{max-width:1170px;margin:0 auto;padding:30px 20px 38px;display:grid;grid-template-columns:1fr 250px;gap:48px;text-align:left}
	.pm-titre{display:inline-block;font-size:24px;font-weight:700;color:var(--pm-ink)!important;text-decoration:none!important;margin:0 0 22px;letter-spacing:-.01em}
	.pm-titre:hover{text-decoration:underline!important}
	.pm-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:26px 36px}
	.pm-h{font-size:15px;font-weight:700;color:var(--pm-ink);margin:0 0 10px;line-height:1.3}
	.pm-col ul{list-style:none;margin:0;padding:0}
	.pm-col li{margin:0;padding:0}
	.pm-col a{display:block;font-size:14px;line-height:1.35;padding:5px 0;color:var(--pm-mut)!important;text-decoration:none!important;font-weight:400}
	.pm-col a:hover{color:var(--pm-ink)!important;text-decoration:underline!important}
	.pm-col .tout a{color:var(--pm-ink)!important;font-weight:600;margin-top:4px}
	.pm-col .tout i{font-style:normal;margin-left:3px}

	/* Carte image à droite. */
	.pm-card{display:flex;flex-direction:column;text-decoration:none!important;color:var(--pm-ink)!important}
	.pm-card .im{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--pm-papier);margin-bottom:12px}
	.pm-card .im img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;transition:transform .3s ease}
	.pm-card:hover .im img{transform:scale(1.03)}
	.pm-card .t{font-size:16px;font-weight:700;line-height:1.3}
	.pm-card .s{font-size:13.5px;color:var(--pm-mut);margin-top:3px}
	.pm-card .p{font-size:15px;font-weight:700;margin-top:6px}
	.pm-card .go{font-size:14px;font-weight:600;color:var(--pm-teal);margin-top:8px}

	/* Voile sombre sur la page quand un panneau est ouvert. */
	.pm-voile{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(16,24,32,.32);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility 0s linear .16s;z-index:150;pointer-events:auto}
	.pm-voile.on{opacity:1;visibility:visible;transition:opacity .16s ease}
}
@media (max-width:992px){
	.pm,.pm-voile{display:none!important}
}

/* ===== Mobile : tiroir à deux niveaux (posturea-menu.php, body.pmm-on). ===== */
.pmm{display:none}
@media (max-width:992px){
	/* Bouton « Voir les coussins sciatique » du bas du tiroir : texte blanc (la règle du thème « .col-full-nav a » le passait en encre foncée). */
	.col-full-nav a.pa-mnav-cta,.col-full-nav a.pa-mnav-cta:hover{color:#fff!important}

	/* Le tiroir : largeur confortable, un seul bloc qui défile (le thème en faisait défiler deux, ce qui empêchait la barre du haut de rester collée). */
	.pmm-on{--pmm-w:min(88vw,380px)}
	.pmm-on .col-full-nav{width:var(--pmm-w)!important;padding:0!important;left:calc(-1 * var(--pmm-w) - 24px)!important;background:#fff!important}
	.pmm-on.mobile-toggled .col-full-nav{left:0!important}
	.pmm-on .col-full-nav .shoptimizer-primary-navigation{padding:0!important;width:100%!important;max-width:100%!important;min-height:100%;display:flex!important;flex-direction:column}
	.pmm-on .col-full-nav .main-navigation{width:100%!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important;flex:1 0 auto}
	.pmm-on .col-full-nav .main-navigation::before{display:none!important}
	/* Recherche (déjà en haut de la page), croix flottante du thème, liste et menu secondaire du thème : remplacés. */
	.pmm-on .col-full-nav .site-search,.pmm-on button.mobile-menu.close-drawer,
	.pmm-on .main-navigation ul#menu-menu-principal,.pmm-on .main-navigation .menu-menu-secondaire-container{display:none!important}
	/* Bouton « Voir les coussins sciatique » du bas : retiré du nouveau tiroir (décision Benjamin 2026-10-17). */
	.pmm-on .col-full-nav .mobile-extra{display:none!important}
	.pmm-on .col-full-nav .main-navigation{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}

	.pmm-on .pmm{display:block;--pm-ink:#101820;--pm-mut:#5b6573;--pm-line:#eef1f4;--pm-teal:#009EB1;font-family:Inter,-apple-system,system-ui,sans-serif;text-align:left;-webkit-tap-highlight-color:transparent}
	.pmm [hidden]{display:none!important}
	.pmm ul{list-style:none;margin:0;padding:0}
	.pmm li{margin:0;padding:0;border:0}
	.pmm button{font:inherit;letter-spacing:0;text-transform:none;box-shadow:none;min-height:0}
	.pmm-chev{flex:0 0 auto;width:7px;height:7px;margin-left:auto;border-right:2px solid #9aa3af;border-bottom:2px solid #9aa3af;transform:rotate(-45deg)}

	/* Barre du haut collée : ‹ · titre · croix. */
	.pmm-hd{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;height:60px;padding:0 10px 0 20px;background:#fff;border-bottom:1px solid var(--pm-line)}
	.pmm-dans .pmm-hd{padding-left:6px}
	.pmm-hd-t{flex:1;min-width:0;font-size:1.12rem;font-weight:800;letter-spacing:-.01em;color:var(--pm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.pmm-back,.pmm-x{flex:0 0 44px;width:44px;height:44px;padding:0!important;margin:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pm-ink)!important}
	.pmm-back{background:transparent!important}
	.pmm-back i{display:block;width:11px;height:11px;margin-left:4px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg)}
	.pmm-x{background:#f2f4f7!important}
	.pmm-back:active,.pmm-x:active{background:#e6e9ee!important}
	.pmm-back:focus:not(:focus-visible),.pmm-x:focus:not(:focus-visible),.pmm-go:focus:not(:focus-visible){outline:none}

	.pmm-k{margin:0;padding:20px 20px 6px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a94a6}

	/* Écran 1 : rubriques. */
	.pmm-go{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:10px 18px 10px 20px!important;min-height:72px!important;background:#fff!important;border:0;border-bottom:1px solid var(--pm-line)!important;border-radius:0!important;text-align:left;cursor:pointer;color:var(--pm-ink)!important}
	.pmm-go:active{background:#f6f8fa!important}
	.pmm-th{flex:0 0 52px;width:52px;height:52px;border-radius:12px;overflow:hidden;background:#f5f2ec}
	.pmm-th img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
	.pmm-tx{display:flex;flex-direction:column;min-width:0;flex:1}
	.pmm-tx b{font-size:1.02rem;font-weight:700;line-height:1.25;color:var(--pm-ink)}
	.pmm-tx small{font-size:.84rem;line-height:1.3;color:var(--pm-mut);margin-top:3px}
	.pmm .pmm-svc a,.pmm .pmm-liens a{display:flex!important;align-items:center;gap:12px;padding:14px 18px 14px 20px!important;min-height:52px;font-size:1rem!important;font-weight:500!important;line-height:1.3;color:#232c38!important;text-decoration:none!important;border-bottom:1px solid var(--pm-line)}
	.pmm .pmm-svc a:active,.pmm .pmm-liens a:active{background:#f6f8fa}

	/* Écran 2 : une rubrique, qui glisse depuis la droite. */
	.pmm-n2.in{animation:pmm-in .22s ease-out}
	@keyframes pmm-in{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
	.pmm .pmm-voir{display:flex!important;align-items:center;gap:12px;margin:14px 16px 4px;padding:14px 16px!important;border-radius:12px;background:#f2f9fa;color:var(--pm-ink)!important;text-decoration:none!important;font-size:1rem;font-weight:700}
	.pmm .pmm-voir small{font-size:.84rem;font-weight:500;color:var(--pm-mut);margin-left:-4px}
	.pmm .pmm-voir small::before{content:"· ";}
	.pmm-h{margin:0;padding:20px 20px 6px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a94a6}
	.pmm-carte{padding:20px 20px 10px}
	.pmm-carte .pm-card{display:flex;flex-direction:column;text-decoration:none!important;color:var(--pm-ink)!important}
	.pmm-carte .pm-card .im{display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#f5f2ec;margin-bottom:10px}
	.pmm-carte .pm-card .im img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important}
	.pmm-carte .pm-card .t{font-size:1.02rem;font-weight:700;line-height:1.3}
	.pmm-carte .pm-card .s{font-size:.86rem;color:var(--pm-mut);margin-top:2px}
	.pmm-carte .pm-card .p{font-size:.96rem;font-weight:700;margin-top:4px}
	.pmm-carte .pm-card .go{font-size:.92rem;font-weight:600;color:var(--pm-teal)!important;margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.pmm-n2.in{animation:none}}