/* Cleen Canada v2 : onglets de services avec galerie, note sous les chiffres */
.stats__note{margin:-20px 0 28px;color:var(--muted);font-size:15px}
.stabs{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr);gap:20px;align-items:start}
.stabs__list{display:grid;gap:8px}
.stab{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;font:inherit;color:var(--text);overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .16s var(--ease)}
.stab:active{transform:scale(.97)}
.stab .ico{width:40px;height:40px;padding:9px;flex:none;border-radius:12px;background:var(--mist);color:var(--forest);transition:background-color .2s ease,color .2s ease}
.stab__t{display:flex;flex-direction:column;min-width:0}
.stab__t b{font-family:var(--display);font-weight:500;font-size:1.02rem;letter-spacing:-.01em;line-height:1.2}
.stab__t small{color:var(--muted);font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stab__bar{position:absolute;left:16px;right:16px;bottom:8px;height:3px;border-radius:3px;background:var(--lime);transform:scaleX(0);transform-origin:left}
.stab[aria-selected="true"]{border-color:var(--forest);box-shadow:0 14px 34px -22px rgba(15,42,20,.45)}
.stab[aria-selected="true"] .ico{background:var(--forest);color:var(--lime)}
.stabs.is-auto .stab[aria-selected="true"] .stab__bar{animation:stabBar var(--stab-d,6s) linear forwards}
.stabs.is-hold .stab[aria-selected="true"] .stab__bar{animation-play-state:paused}
@keyframes stabBar{to{transform:scaleX(1)}}
@media (hover:hover) and (pointer:fine){.stab:hover{border-color:rgba(47,97,21,.4)}}
.stabs__panels{background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow);min-height:100%}
.spanel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.spanel[hidden]{display:none}
.spanel:focus-visible{outline:3px solid var(--forest);outline-offset:4px;border-radius:20px}
.js .spanel:not([hidden]){animation:panelIn .32s var(--ease)}
@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tgal__main{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--deep)}
.tgal__main img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}
.tgal__main img.is-swap{opacity:.2}
.tgal__thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.tthumb{flex:none;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--mist);transition:border-color .15s ease,transform .16s var(--ease)}
.tthumb img{width:100%;height:100%;object-fit:cover}
.tthumb.is-on{border-color:var(--forest)}
.tthumb:active{transform:scale(.95)}
.spanel__txt{padding:10px 8px 8px}
.spanel__txt h3{font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.022em;margin-bottom:10px}
.spanel__txt p{color:var(--muted)}
.checks2{list-style:none;display:grid;gap:10px;margin:18px 0 26px}
.checks2 li{display:flex;align-items:flex-start;gap:10px;font-weight:500}
.checks2 .ico{width:22px;height:22px;flex:none;padding:4px;border-radius:50%;background:var(--lime);color:var(--deep)}
.spanel .pano{grid-column:1/-1;margin-bottom:0}
.spanel .pano + .spanel__txt{grid-column:1/-1}
.spanel .cta-row{flex-wrap:wrap;align-items:center}
.spanel .btn{white-space:normal;text-align:center;max-width:100%;line-height:1.2;padding-block:10px}
@media (max-width:980px){
  .stabs{grid-template-columns:minmax(0,1fr)}
  .stabs__list{grid-auto-flow:column;grid-auto-columns:minmax(220px,70%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .stab{scroll-snap-align:start}
  .spanel{grid-template-columns:minmax(0,1fr)}
  .tgal__main{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){.js .spanel:not([hidden]){animation:none}.stabs.is-auto .stab[aria-selected="true"] .stab__bar{animation:none;transform:scaleX(1)}}

/* Section vidéo : la principale en grand, trois plus petites à côté */
.vids{padding-top:clamp(64px,8vw,104px)}
.vids__in{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(28px,4vw,56px);align-items:center}
.reel__frame--big{max-width:none}
.vids__side h2{margin-bottom:14px}
.vids__side .lead{margin-bottom:28px}
.vids__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vids__row .reel__txt{font-size:.95rem}
.vids__row .reel__txt small{font-size:12.5px}
.vids__row .reel__cover{padding:14px}
.vids__row .reel__play{width:46px;height:46px}
.vids__row .reel__play svg{width:24px;height:24px}
.vids .reel__cover{justify-content:flex-end;align-items:flex-start;gap:12px;background:linear-gradient(transparent 50%,rgba(15,42,20,.75))}
.vids .reel__play{align-self:center;margin:auto 0}
/* Partenaires : la vidéo reel-1 à gauche */
.partners--v2 .partners__in{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:20px 36px;align-items:center}
.partners--v2 .reel__frame{max-width:200px}
.partners--v2 .reel__txt{font-size:.95rem}
.partners--v2 .reel__play{width:48px;height:48px}
/* Aide au-dessus des onglets */
.stabs__hint{display:inline-flex;align-items:center;gap:8px;margin:-20px 0 18px;padding:8px 14px;border-radius:999px;background:var(--tint);color:var(--forest);font-weight:600;font-size:15px}
.stabs__hint .ico{width:20px;height:20px;color:var(--forest)}
@media (max-width:980px){
  .vids__in{grid-template-columns:minmax(0,1fr)}
  .reel__frame--big{max-width:420px}
  .vids__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(170px,46%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .vids__row .reel__frame{scroll-snap-align:start}
  .partners--v2 .partners__in{grid-template-columns:minmax(0,1fr)}
  .partners--v2 .reel__frame{max-width:240px}
}

/* Section ventilation : preuves en photos et vidéos, puis ce que nous nettoyons */
.vent{background:var(--deep);color:#fff}
.vent h2{color:#fff}
.vent .lead{color:rgba(255,255,255,.74)}
.vent__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px 48px;align-items:end}
.vent__eye{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--lime);font-weight:600;font-size:15px}
.vent__eye .ico{width:20px;height:20px;color:var(--lime)}
.vent__bento{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:clamp(32px,4vw,48px)}
.vent__bento .reel__frame{grid-row:1/3;aspect-ratio:auto;min-height:100%;box-shadow:none;border-radius:24px}
.vent__ph{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#13221A}
.vent__ph img,.vent__tall img{width:100%;height:100%;object-fit:cover;display:block}
.vent__ph figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(11,22,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:13.5px;font-weight:500;line-height:1.3}
.vent__svc{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vent__svc>li{padding:24px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.vent__svc>li>.ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--lime);color:var(--deep)}
.vent__svc h3{color:#fff;font-size:1.12rem;margin:16px 0 12px;line-height:1.25}
.vent__svc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vent__svc ul li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.4;color:rgba(255,255,255,.78)}
.vent__svc ul .ico{width:17px;height:17px;margin-top:2px;color:var(--lime)}
.vent__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(40px,5vw,64px)}
.vent__row .reel__frame{box-shadow:none;border-radius:24px}
.vent__row .reel__txt{font-size:1rem}
.vent__tall{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:608/1080;background:#13221A}
.vent__cta{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:28px 24px;border-radius:24px;background:linear-gradient(160deg,#1A2E1C,#101C11);border:1px solid rgba(255,255,255,.14);aspect-ratio:608/1080}
.vent__cta .vent__eye{margin:0}
.vent__cta-t{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.01em}
.vent__cta .btn{white-space:normal;text-align:center;line-height:1.2;padding-block:12px}
@media (max-width:1100px){.vent__svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .vent__head{grid-template-columns:minmax(0,1fr)}
  .vent__bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vent__bento .reel__frame{grid-row:auto;grid-column:1/-1;aspect-ratio:4/5;min-height:0}
  .vent__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,62%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .vent__row>*{scroll-snap-align:start}
}
@media (max-width:600px){.vent__svc{grid-template-columns:minmax(0,1fr)}.vent__ph figcaption{font-size:12.5px;left:8px;bottom:8px;padding:5px 10px}}
.vent__row .reel__play{width:52px;height:52px}.vent__row .reel__play svg{width:24px;height:24px}