/* bandeaux encore plus compacts (Impression, Dépannage, Point relais) */
.imx-hero,.dpx-hero,.rlx-hero{padding:20px 26px;gap:14px;grid-template-columns:1.5fr .5fr;border-radius:22px}
.imx-hero h2,.dpx-hero h2,.rlx-hero h2{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:8px 0 6px}
.imx-tx>p,.dpx-lede,.rlx-tx>p{font-size:.93rem;line-height:1.5;margin-bottom:10px}
.imx-eye,.dpx-eye,.rlx-eye{font-size:.7rem;padding:5px 10px}
.imx-chips,.dpx-chips,.rlx-chips{margin-bottom:12px}
.imx-chips span,.dpx-chips li,.rlx-chips span{font-size:.8rem;padding:5px 9px}
.imx-b,.dpx-b,.rlx-b{padding:9px 13px;font-size:.86rem;border-radius:11px}
.imx-cta,.dpx-cta,.rlx-cta{gap:8px}
.imx-art svg{max-width:220px}.dpx-art{width:min(220px,100%)}.rlx-art svg{max-width:230px}
.rlx-live .pstat{margin-bottom:8px;padding:5px 11px;font-size:.84rem}
@media (min-width:961px) and (max-width:1220px){.imx-chips span:nth-child(3),.dpx-chips li:nth-child(n+3),.rlx-chips span:nth-child(3){display:none}.imx-art svg{max-width:180px}.dpx-art{width:min(180px,100%)}.rlx-art svg{max-width:190px}}
@media (max-width:960px){.imx-hero,.dpx-hero,.rlx-hero{grid-template-columns:1fr;padding:16px 16px 16px}.imx-art svg{max-width:170px}.dpx-art{width:min(170px,55%)}.rlx-art svg{max-width:180px}}
@media (max-width:560px){.imx-hero h2,.dpx-hero h2,.rlx-hero h2{font-size:1.35rem}.imx-chips,.dpx-chips,.rlx-chips{display:flex;flex-wrap:wrap}.imx-chips span:nth-child(3),.dpx-chips li:nth-child(n+3),.rlx-chips span:nth-child(3){display:none}.imx-tx>p,.dpx-lede,.rlx-tx>p{font-size:.88rem}}

/* ===== Boutique en ligne : bandeau plus compact et illustration animée ===== */
#shopHome .shop-1h{padding-top:12px;padding-bottom:12px}
#shopHome .shop-hero{padding:22px 28px;gap:14px}
#shopHome .shop-hero h2{font-size:clamp(1.4rem,2.6vw,1.95rem);margin:6px 0 6px}
#shopHome .shop-hero p{font-size:.93rem;margin-bottom:12px}
#shopHome .shop-art{position:relative}
#shopHome .shop-art .sa{animation:shpFloat 4.2s ease-in-out infinite}
#shopHome .shop-art .sa2{animation-delay:-1.4s}#shopHome .shop-art .sa3{animation-delay:-2.8s}
@keyframes shpFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-3deg)}}
#shopHome .shop-art:after{content:"🛒";position:absolute;font-size:2.1rem;bottom:2%;left:-10%;animation:shpCart 6s cubic-bezier(.45,0,.3,1) infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
@keyframes shpCart{0%{transform:translateX(0) rotate(0);opacity:0}10%{opacity:1}45%{transform:translateX(180%) rotate(-6deg)}50%{transform:translateX(180%) rotate(4deg)}55%,80%{transform:translateX(180%) rotate(0);opacity:1}100%{transform:translateX(420%);opacity:0}}
#shopHome .shop-art:before{content:"+1";position:absolute;left:40%;bottom:30%;font-weight:900;font-size:.95rem;color:#fff;background:#e0137a;border-radius:999px;padding:4px 9px;box-shadow:0 8px 16px -8px #e0137a;opacity:0;animation:shpPlus 6s ease-out infinite;z-index:2}
@keyframes shpPlus{0%,48%{opacity:0;transform:translateY(10px) scale(.6)}53%{opacity:1;transform:translateY(0) scale(1.1)}70%{opacity:1;transform:translateY(-14px) scale(1)}80%,100%{opacity:0;transform:translateY(-26px)}}
#shopCats>*{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
#shopCats>*:hover{transform:translateY(-5px);box-shadow:0 22px 40px -26px rgba(20,21,26,.55)}
#shopCats>* svg,#shopCats>* img{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
#shopCats>*:hover svg,#shopCats>*:hover img{transform:scale(1.06) rotate(-2deg)}
@media (max-width:560px){#shopHome .shop-hero{padding:18px 16px}#shopHome .shop-art:after{font-size:1.6rem}}