/*CMDPS-CSS-DEBUT*/
.cmdps{--cmdps-vert:#507E64;--cmdps-vert-f:#2F4D3C;--cmdps-noir:#212121;--cmdps-gap:22px;--cmdps-n:var(--cmdps-d);position:relative;font-family:Inter,system-ui,sans-serif;margin:0 -10px;overflow:hidden;max-width:none;min-width:0}
/* overflow:hidden indispensable : sans lui, Chrome/Safari mobile élargissent toute la page à la largeur des cartes cachées (menu déformé) */
.cmdps-piste{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cmdps-n) - 1) * var(--cmdps-gap)) / var(--cmdps-n));gap:var(--cmdps-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 10px;padding:10px 10px 18px;scrollbar-width:none;outline:0;cursor:grab}
.cmdps-piste::-webkit-scrollbar{display:none}
.cmdps-piste.is-glisse{cursor:grabbing;scroll-snap-type:none;user-select:none}
.cmdps-piste.is-glisse a{pointer-events:none}
.cmdps-piste:focus-visible{box-shadow:0 0 0 2px var(--cmdps-vert);border-radius:18px}
.cmdps-carte{scroll-snap-align:start;min-width:0;text-align:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cmdps-carte:hover{transform:translateY(-4px)}
.cmdps-img{position:relative;display:block;border-radius:15px;overflow:hidden;margin-bottom:12px;background:#fff;aspect-ratio:1/1}
.cmdps-img img,.cmdps .cmdps-photo{width:100%!important;height:100%!important;object-fit:contain;display:block;border-radius:0!important;transition:transform .6s cubic-bezier(.2,.8,.2,1);-webkit-user-drag:none}
.cmdps-carte:hover .cmdps-img img{transform:scale(1.05)}
.cmdps-promo{position:absolute;top:10px;left:10px;z-index:2;height:28px;padding:0 11px;border-radius:999px;font:700 12px/1 Inter,sans-serif;color:#fff;background:rgba(214,47,58,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);display:inline-flex;align-items:center;white-space:nowrap}
.cmdps-marque{display:block;min-height:14px;line-height:14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666;margin:0 0 4px}
.cmdps .cmdps-titre{font:600 15px/1.3 Inter,sans-serif!important;margin:0 0 6px!important;padding:0!important;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left!important;letter-spacing:0!important;text-transform:none!important}
.cmdps .cmdps-titre a{color:var(--cmdps-noir)!important;text-decoration:none!important}
.cmdps .cmdps-titre a:hover{color:var(--cmdps-vert-f)!important}
.cmdps-prix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font:800 16px Inter,sans-serif;color:var(--cmdps-noir)}
.cmdps-prix .amount{color:inherit}
.cmdps-prix ins{order:-1;text-decoration:none!important;color:var(--cmdps-vert-f)!important;font-weight:800!important;background:none!important}
.cmdps-prix del{font-size:13px;font-weight:500;color:#767676!important;opacity:1}
.cmdps-prix .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cmdps-stock{display:inline-flex;align-items:center;gap:7px;margin-top:8px;height:26px;padding:0 11px 0 9px;border-radius:999px;font:600 12.5px/1 Inter,sans-serif;white-space:nowrap;max-width:100%;box-sizing:border-box;color:#23673F;background:rgba(62,155,99,.12);box-shadow:inset 0 0 0 1px rgba(62,155,99,.22)}
.cmdps-stock i{width:8px;height:8px;flex:0 0 8px;border-radius:999px;background:#2E9E5B;box-shadow:0 0 0 3px rgba(46,158,91,.18)}
.cmdps-stock .t{overflow:hidden;text-overflow:ellipsis;min-width:0}
.cmdps-stock.is-commande{color:#7A4B0C;background:rgba(222,150,40,.14);box-shadow:inset 0 0 0 1px rgba(222,150,40,.30)}
.cmdps-stock.is-commande i{background:#D98A1C;box-shadow:0 0 0 3px rgba(217,138,28,.20)}
/* Flèches en verre (comme les tuiles du catalogue) */
.cmdps-nav{position:absolute;top:calc((100% - 150px) / 2);z-index:3;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.78)!important;color:var(--cmdps-noir)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0!important;margin:0;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.04),0 10px 34px rgba(17,24,20,.14);opacity:0;transition:opacity .25s,transform .25s}
.cmdps-nav[hidden]{display:none!important}
.cmdps:hover .cmdps-nav,.cmdps-nav:focus-visible{opacity:1}
.cmdps-nav:hover{transform:scale(1.06)}
.cmdps-prec{left:6px}
.cmdps-suiv{right:6px}
.cmdps-suiv svg{transform:rotate(180deg)}
/* Points : pilule allongée pour la position */
.cmdps-points{display:flex;justify-content:center;gap:6px;margin-top:6px;min-height:8px}
.cmdps-points button{width:8px;height:8px;min-height:0;padding:0!important;margin:0;border:0!important;border-radius:999px;background:#D5DCD8!important;cursor:pointer;transition:width .3s,background .3s;box-shadow:none!important}
.cmdps-points button.on{width:24px;background:var(--cmdps-vert)!important}
.cmdps-points:has(button:only-child){display:none}
@media (max-width:1024px){.cmdps{--cmdps-n:var(--cmdps-t)}}
@media (max-width:991px){.cmdps-nav{display:none!important}}
@media (max-width:767px){
	.cmdps{--cmdps-gap:12px;--cmdps-n:calc(var(--cmdps-m) + .25);margin:0 -16px}
	.cmdps-piste{padding:8px 16px 14px;scroll-padding:0 16px}
	.cmdps .cmdps-titre{font-size:14px!important}
	.cmdps-prix{font-size:15px}
	.cmdps-carte:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){.cmdps-carte,.cmdps-img img,.cmdps-nav,.cmdps-points button{transition:none!important}}
/*CMDPS-CSS-FIN*/