/* Skywayback — styles du composant comparateur avant/après (.gp-compare) */
.gp-compare{position:relative;width:100%;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#000}
.gp-compare .gp-map{position:absolute;inset:0}
.gp-compare .gp-after{clip-path:inset(0 0 0 var(--x,50%))}
.gp-compare .gp-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .4s}
.gp-compare .gp-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.25);z-index:3;cursor:ew-resize;touch-action:none}
.gp-compare .gp-handle::after{content:'‹ ›';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:42px;height:42px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;
  justify-content:center;font-weight:700;font-size:17px}
.gp-compare .gp-lbl{position:absolute;bottom:12px;z-index:4;background:rgba(17,17,18,.72);color:#fff;
  padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;pointer-events:none}
.gp-compare .gp-lbl-l{left:10px}.gp-compare .gp-lbl-r{right:10px}
.gp-compare .gp-wm{position:absolute;top:10px;right:10px;z-index:4;background:rgba(0,0,0,.5);color:#fff;
  font-size:11px;padding:3px 7px;border-radius:6px}
.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo{display:none!important}