/* Variante locale : les services s'enchaînent dans la page, sans grands encarts. */
#services{padding-bottom:clamp(5rem,10vw,9rem)}
#services > .wrap > .head{margin-bottom:1.6rem}
.service-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0 0 2rem;border-top:1px solid rgba(10,23,48,.15);border-bottom:1px solid rgba(10,23,48,.15)}
.service-shortcuts a{position:relative;padding:.9rem 1.05rem;font-family:var(--display);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;transition:color .25s}
.service-shortcuts a::after{content:'';position:absolute;left:1.05rem;right:1.05rem;bottom:.45rem;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.service-shortcuts a:hover{color:var(--blue)}
.service-shortcuts a:hover::after,.service-shortcuts a:focus-visible::after{transform:scaleX(1)}
.service-anchor{height:1px;scroll-margin-top:7rem}
.service-focus{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin:0;padding:clamp(4.2rem,8vw,7.5rem) 0}
.service-focus::before{content:'';position:absolute;left:50%;width:100vw;transform:translateX(-50%);z-index:-1}
.service-focus::before{inset:0 auto 0 50%;background:var(--cream-2)}
#site-vitrine::before{background:var(--cream)}
.service-focus:nth-of-type(even)::before{background:#EAF0FF}
.service-focus--dark{color:var(--cream)}
.service-focus--dark::before{background:var(--navy)}
#site-vitrine{--wave-next:#EAF0FF}
#boutique-en-ligne{--wave-next:var(--cream-2)}
#referencement-local{--wave-next:#EAF0FF}
#identite-visuelle{--wave-next:var(--navy)}
#maintenance-web{--wave-next:var(--cream)}
.service-focus__wave{position:absolute;left:50%;bottom:-1px;width:100vw;height:clamp(58px,8vw,108px);transform:translateX(-50%);overflow:hidden;pointer-events:none;z-index:1}
.service-focus__wave svg{display:block;width:140%;max-width:none;height:100%;margin-left:-20%;transform-origin:50% 100%;animation:waveDrift 10s ease-in-out infinite alternate}
.service-focus__wave path{fill:var(--wave-next)}
.service-focus:nth-of-type(even) .service-focus__wave svg{animation-duration:12s;animation-delay:-4s}
.service-focus--dark .service-focus__lead,.service-focus--dark .service-focus__features,.service-focus--dark .service-focus__num{color:var(--sky)}
.service-focus--dark .service-focus__price{border-color:var(--amber)}
.service-focus--dark .service-focus__price small{color:var(--sky)}
.service-focus--reverse .service-focus__art{order:-1}
.service-focus__num{display:inline-block;margin-bottom:.6rem;color:var(--blue);font-family:var(--display);font-weight:900;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}
.service-focus h3{font-family:var(--display);font-size:clamp(2rem,4.1vw,4.2rem);font-weight:900;letter-spacing:-.045em;line-height:1.02;text-transform:uppercase;text-wrap:balance}
.service-focus__lead{max-width:560px;margin-top:1.1rem;color:var(--dim);font-size:clamp(1rem,1.35vw,1.2rem)}
.service-focus__features{display:grid;gap:.55rem;margin-top:1.55rem;color:#3C4A63}
.service-focus__features li{display:flex;align-items:flex-start;gap:.65rem}
.service-focus__features li::before{content:'✓';display:block;flex:none;color:var(--blue);font-family:var(--display);font-size:1.2rem;font-weight:900;line-height:1.2;margin-top:.05rem}
.service-focus--dark .service-focus__features li::before{color:var(--amber)}
.service-focus__footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.8rem}
.service-focus__price{display:flex;flex-direction:column;justify-content:center;min-height:62px;padding:.15rem 0 .15rem 1rem;border-left:4px solid var(--blue)}
.service-focus__price small{font-family:var(--display);font-weight:700;color:var(--dim);font-size:.76rem;line-height:1.1}
.service-focus__price strong{font-family:var(--display);font-weight:900;font-size:clamp(1.45rem,2.25vw,2rem);line-height:1.1;white-space:nowrap}
.service-focus__price strong span{font-size:.68em}
.service-focus__price--two{flex-direction:row;align-items:center;gap:.9rem}
.service-focus__price--two > span + span{padding-left:.9rem;border-left:2px solid rgba(10,23,48,.12)}
.service-focus__price--two > span{display:flex;flex-direction:column}
.service-focus__art{position:relative;min-width:0;min-height:370px;display:grid;place-items:center}
.service-focus__art::before{content:attr(data-art-number);position:absolute;right:-.02em;top:50%;transform:translateY(-50%);color:var(--blue);font-family:var(--display);font-size:clamp(15rem,30vw,28rem);font-weight:900;letter-spacing:-.1em;line-height:1;opacity:.08;pointer-events:none}
.service-focus--dark .service-focus__art::before{color:var(--sky);opacity:.1}
.service-focus__art.rv.in::before{animation:service-number 7s ease-in-out infinite alternate}
@keyframes service-number{to{transform:translateY(calc(-50% - 14px))}}
.service-browser{position:relative;width:min(100%,390px);padding:.9rem;border:3px solid var(--navy);border-radius:24px;background:#fff;box-shadow:18px 22px 0 rgba(46,107,255,.22);transform:rotate(-4deg);transition:transform .5s var(--pop)}
.service-focus:hover .service-browser{transform:rotate(0) translateY(-8px)}
.service-browser__bar{display:flex;gap:5px;padding:.25rem 0 .7rem;border-bottom:2px solid #E7EAF2}
.service-browser__bar i{width:8px;height:8px;border-radius:50%;background:var(--amber)}
.service-browser__hero{margin-top:.7rem;padding:2rem 1.2rem;border-radius:14px;background:var(--navy);color:#fff}
.service-browser__hero span{font-family:var(--display);font-weight:900;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.05;text-transform:uppercase}
.service-browser__hero b{display:block;width:55%;height:9px;margin-top:1rem;border-radius:20px;background:var(--amber)}
.service-browser__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}
.service-browser__tiles i{height:64px;border-radius:10px;background:var(--sky)}
.service-browser__tiles i:nth-child(2){background:var(--amber)}
.service-shop{position:relative;width:min(100%,380px);padding:1.2rem;border-radius:26px;background:#fff;box-shadow:0 26px 50px -28px rgba(10,23,48,.55);transform:rotate(3deg);transition:transform .5s var(--pop)}
.service-focus:hover .service-shop{transform:rotate(0) translateY(-8px)}
.service-shop__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;font-family:var(--display);font-weight:900;text-transform:uppercase;border-bottom:2px solid #E7EAF2}
.service-shop__head span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--amber)}
.service-shop__products{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding-top:.8rem}
.service-shop__product{padding:.7rem;border-radius:14px;background:var(--cream)}
.service-shop__product i{display:block;height:110px;border-radius:10px;background:linear-gradient(135deg,var(--sky),var(--blue))}
.service-shop__product:nth-child(2) i{background:linear-gradient(135deg,#FFE5A5,var(--amber))}
.service-shop__product b{display:block;margin-top:.6rem;font-family:var(--display);font-size:.85rem}
.service-shop__product small{color:var(--dim)}
.service-search{position:relative;width:min(100%,380px);padding:1.2rem;border:3px solid var(--navy);border-radius:24px;background:#fff;box-shadow:16px 18px 0 rgba(46,107,255,.22);transform:rotate(-3deg);transition:transform .5s var(--pop)}
.service-focus:hover .service-search{transform:rotate(0) translateY(-8px)}
.service-search__query{padding:.7rem 1rem;border:2px solid #E5EAF4;border-radius:100px;color:var(--dim);font-size:.9rem}
.service-search__result{margin-top:1rem;padding:.7rem;border-radius:13px;background:#F4F7FF}
.service-search__result small{display:block;color:var(--blue);font-size:.75rem}
.service-search__result b{display:block;color:var(--navy);font-family:var(--display);font-size:1.05rem}
.service-search__result span{display:block;color:var(--dim);font-size:.75rem}
.service-search__result:first-of-type{border:2px solid var(--blue)}
.service-brand{position:relative;width:min(100%,380px);aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;transform:rotate(-5deg);transition:transform .5s var(--pop)}
.service-focus:hover .service-brand{transform:rotate(0) translateY(-8px)}
.service-brand span{display:grid;place-items:center;border-radius:24px;background:var(--navy);color:var(--cream);font-family:var(--display);font-weight:900;font-size:clamp(1.2rem,2vw,1.8rem);text-align:center;line-height:1.05}
.service-brand span:nth-child(2){background:var(--amber);color:var(--navy)}
.service-brand span:nth-child(3){background:var(--blue)}
.service-brand span:nth-child(4){background:var(--cream-2);color:var(--navy)}
.service-status{position:relative;width:min(100%,380px);padding:1.25rem;border:2px solid rgba(255,255,255,.24);border-radius:24px;background:#1D3156;box-shadow:0 24px 50px -25px rgba(0,0,0,.5);transform:rotate(3deg);transition:transform .5s var(--pop)}
.service-focus:hover .service-status{transform:rotate(0) translateY(-8px)}
.service-status__head{display:flex;justify-content:space-between;font-family:var(--display);font-weight:900;text-transform:uppercase}
.service-status__head b{color:#8BE9B1}
.service-status__row{display:flex;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.75rem;border-radius:12px;background:rgba(255,255,255,.08);font-size:.9rem}
.service-status__row span:last-child{color:#8BE9B1;font-weight:800}
.service-focus--maintenance .service-focus__art::after{content:'';position:absolute;right:3%;top:5%;width:58px;height:58px;border:3px solid rgba(139,233,177,.5);border-radius:50%;animation:service-pulse 2.7s ease-out infinite;pointer-events:none}
@keyframes service-pulse{to{transform:scale(1.8);opacity:0}}
.services-note{margin:2.2rem auto 0;text-align:center;color:var(--dim);font-size:.9rem}
.service-tail{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2.5rem;padding:2.2rem 0 0;border-top:2px solid rgba(10,23,48,.15)}
.service-tail span{color:var(--blue);font-family:var(--display);font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.service-tail h3{font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:900;line-height:1.05;text-transform:uppercase}
.service-tail p{margin-top:.5rem;color:var(--dim)}
@media (max-width:900px){.service-focus{grid-template-columns:1fr}.service-focus__art,.service-focus--reverse .service-focus__art{order:0;min-height:280px}.service-focus__content{order:-1}}
@media (max-width:560px){.service-shortcuts{display:none}.service-focus{padding:3.7rem 0}.service-focus__footer{align-items:stretch}.service-focus__footer .btn{width:100%;justify-content:center}.service-focus__price--two{width:100%;flex-direction:column;align-items:stretch}.service-focus__price--two > span + span{padding:.55rem 0 0;border-left:0;border-top:2px solid rgba(10,23,48,.12)}.service-focus__art{min-height:240px}.service-browser,.service-shop,.service-search,.service-brand,.service-status{max-width:310px}.service-tail{align-items:flex-start;flex-direction:column}.service-tail .btn{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.service-focus__art.rv.in::before,.service-focus--maintenance .service-focus__art::after,.service-focus__wave svg{animation:none}}