/* Section "le bon plombier au bon moment" (toutes les pages) */
.h4-mq{position:relative;z-index:1;padding:110px 0 26px!important;background:#fff}
.h4-moment{position:relative;background:#eaf0fb;padding:90px 0 110px;clip-path:polygon(0 6%,100% 0,100% 100%,0 94%);margin-top:30px}
.h4-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.h4-illu{position:relative;min-height:520px}
.h4-stripe{position:absolute;height:54px;border-radius:40px;background:#2563eb;opacity:.9}
.h4-stripe.s1{width:330px;left:120px;top:150px;transform:rotate(-14deg)}
.h4-stripe.s2{width:300px;left:50px;top:250px;transform:rotate(-14deg);opacity:.85}
.h4-stripe.s3{width:260px;left:0;top:350px;transform:rotate(-14deg);opacity:.75}
.h4-blob{position:absolute;left:120px;top:48px;width:380px;height:380px;border-radius:48% 52% 55% 45%/55% 45% 55% 45%;overflow:hidden;box-shadow:0 30px 60px -30px rgba(15,31,61,.5);transform:rotate(-3deg)}
.h4-blob img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:rotate(3deg) scale(1.15)}
.h4-note{position:absolute;display:flex;align-items:center;gap:6px;color:#6d28d9;font-weight:700;font-size:1rem}
.h4-note svg{width:70px;height:36px}
.h4-note.n1{left:0;top:0}
.h4-note.n2{right:0;bottom:0}
.h4-txt .h3-h2{margin-bottom:28px}
.h4-acc{border-left:4px solid #93c5fd;padding-left:28px;margin-bottom:34px}
.h4-acc details{padding:10px 0}
.h4-acc summary{list-style:none;cursor:pointer;font-weight:800;font-size:1.25rem;color:#9aa6bd;transition:.2s}
.h4-acc summary::-webkit-details-marker{display:none}
.h4-acc details[open] summary{color:#0b1630}
.h4-acc p{color:#3a4a66;font-size:1.02rem;line-height:1.6;margin:10px 0 4px}
.h4-btn{float:right}
.h4-cta-wrap{padding:60px 0 20px}
.h4-cta{position:relative;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:30px;background:linear-gradient(100deg,#1e0b4a 0%,#2a0a5e 55%,#6d28d9 100%);color:#fff;border-radius:28px;padding:40px 46px;overflow:hidden}
.h4-cta::before{content:"";position:absolute;right:-60px;top:-80px;width:420px;height:320px;background:#7c3aed;border-radius:50%;opacity:.5}
.h4-cta-txt{position:relative}
.h4-cta h2{font-size:2rem;font-weight:900;margin-bottom:10px}
.h4-cta p{font-size:1.15rem;line-height:1.45;color:rgba(255,255,255,.9)}
.h4-cta-art{position:relative;height:140px}
.h4-cta-art svg{width:100%;height:100%}
.h4-cta-btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:#fff;color:#2563eb;border:2px solid #2563eb;border-radius:50px;padding:14px 26px;font-weight:900;font-size:1.05rem;white-space:nowrap}
@media(max-width:960px){.h4-grid{grid-template-columns:1fr;gap:30px}.h4-illu{min-height:380px}.h4-btn{float:none}.h4-cta{grid-template-columns:1fr;padding:30px}.h4-cta-art{display:none}.h3{margin-bottom:-40px}.h4-mq{padding-top:70px!important}}
.h4-man{position:absolute;left:150px;top:0;height:520px;width:auto;filter:drop-shadow(0 24px 30px rgba(15,31,61,.25))}
.h4-note.n1{left:0;top:40px}
.h4-note.n2{right:0;bottom:70px}
.h4-banner{display:block;transition:.2s;filter:drop-shadow(0 24px 40px rgba(42,10,94,.35))}
.h4-banner img{display:block;width:100%;height:auto}
.h4-banner:hover{transform:translateY(-3px)}
@media(max-width:960px){.h4-man{position:relative;left:auto;height:420px;display:block;margin:0 auto}.h4-note{display:none}.h4-stripe{display:none}.h4-illu{min-height:0}}
.h3-h2{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.1;color:#0b1630;font-weight:900;margin-bottom:44px}
.h3-h2 span{display:block;font-weight:400;color:#0b1630}
.h4-moment{margin-top:0}