/* Hello Abidjan — accueil « Sortir ensemble » v623.
   Restauration du fond et du vrai carrousel tactile avec 4 photos existantes.
   Ne touche ni aux profils ni aux listes de participants. */
#main#main .horizon-home.ha-approved .v5-home .v5-together{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:19px 0 38px!important;
  padding:24px 17px 22px!important;
  background:#f1f8fc!important;
  border:0!important;
  border-radius:13px 13px 13px 0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-eyebrow{
  display:block!important;
  margin:0 0 13px!important;
  color:#0873bd!important;
  font:600 12px/1.45 'DM Sans',sans-serif!important;
  letter-spacing:1.1px!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-group-title{
  margin:0 0 19px!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-group-title h2{
  margin:0 0 11px!important;
  font:600 clamp(24px,5.6vw,29px)/1.27 Poppins,'DM Sans',sans-serif!important;
  letter-spacing:-.6px!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-group-title p{
  max-width:600px!important;
  font:400 15.5px/1.62 'DM Sans',sans-serif!important;
  color:#405868!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moments{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:1px 0 8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:0!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moments::-webkit-scrollbar{
  display:none!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moment{
  box-sizing:border-box!important;
  flex:0 0 calc((100% - 12px)/2.17)!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  scroll-snap-align:start!important;
  text-decoration:none!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moment-media{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1.03!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#e4edf1!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moment-media img{
  display:block!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-moment-name{
  display:block!important;
  margin:10px 0 0!important;
  color:#193344!important;
  font:600 14.5px/1.45 'DM Sans',sans-serif!important;
  letter-spacing:0!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-group-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:20px 0 0!important;
  padding:0!important;
}
#main#main .horizon-home.ha-approved .v5-together .v5-group-actions a{
  min-height:48px!important;
  padding:10px 8px!important;
  border-radius:5px!important;
  font:600 14px/1.35 'DM Sans',sans-serif!important;
}
@media(min-width:700px){
  #main#main .horizon-home.ha-approved .v5-home .v5-together{
    padding:29px 26px 27px!important;
  }
  #main#main .horizon-home.ha-approved .v5-together .v5-moment{
    flex-basis:calc((100% - 36px)/3.4)!important;
  }
}
@media(max-width:365px){
  #main#main .horizon-home.ha-approved .v5-home .v5-together{
    padding:21px 14px 19px!important;
  }
  #main#main .horizon-home.ha-approved .v5-together .v5-moment{
    flex-basis:calc((100% - 10px)/1.95)!important;
  }
  #main#main .horizon-home.ha-approved .v5-together .v5-moments{
    gap:10px!important;
  }
  #main#main .horizon-home.ha-approved .v5-together .v5-group-actions a{
    font-size:13px!important;
  }
}