/* AVIS — Crossfade only, no sliding */
#slider{ max-width:980px; margin:0 auto; position:relative; overflow:hidden; border-radius:18px; }
#slides{ position:relative; min-height:280px; /* prevents jump */ }

/* Ensure stacked, no layout flow */
#slides > .slide{
  position:absolute; inset:0;
  display:block;
  opacity:0;
  transition: opacity .9s ease;
  margin:0; padding:0;
}

/* Visible slide */
#slides > .slide.is-active{ opacity:1; }

/* Inner tile layout */
#slides > .slide .tile{
  width:100%; max-width:980px; margin:0 auto;
  padding:28px; box-sizing:border-box;
  border:2px solid #d4af37; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.08);
  background:rgba(255,255,255,.96);
}

/* Controls */
#slider .fader-dots{
  position:absolute; left:50%; bottom:10px; transform:translateX(-50%);
  display:flex; gap:8px; z-index:5;
}
#slider .fader-dots button{
  width:10px; height:10px; border-radius:50%;
  border:1px solid rgba(0,0,0,.3); background:rgba(255,255,255,.9);
  cursor:pointer; padding:0;
}
#slider .fader-dots button.is-active{ background:#d4af37; border-color:#d4af37; }

#slider .fader-prev, #slider .fader-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border-radius:999px;
  border:1px solid rgba(0,0,0,.15); background:rgba(255,255,255,.95);
  cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,.08); z-index:5;
}
#slider .fader-prev{ left:8px; } 
#slider .fader-next{ right:8px; }

/* Kill any legacy flex/gap on #slides coming from other css */
#slides{ display:block !important; gap:0 !important; }