/* restore layer: AUX carousels need JS to paginate; without it items overflow and get clipped by overflow:hidden.
   Turn the tracks into wrapping grids so every item stays visible. */
.aux-portfolio-carousel,
.aux-blog-carousel,
[class*="aux-"][class*="carousel"]{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:24px;
  overflow:visible!important;
  width:auto!important;
  justify-content:flex-start;
}
.aux-portfolio-carousel > .aux-mc-item,
.aux-blog-carousel > .aux-mc-item,
[class*="aux-"][class*="carousel"] > .aux-mc-item{
  flex:0 0 calc(25% - 18px);
  max-width:calc(25% - 18px);
  width:auto!important;
  left:auto!important;
  margin:0!important;
}
.aux-carousel-controls,
.aux-carousel-navigation{display:none!important}
@media (max-width:1024px){
  .aux-portfolio-carousel > .aux-mc-item,
  .aux-blog-carousel > .aux-mc-item,
  [class*="aux-"][class*="carousel"] > .aux-mc-item{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}
}
@media (max-width:640px){
  .aux-portfolio-carousel > .aux-mc-item,
  .aux-blog-carousel > .aux-mc-item,
  [class*="aux-"][class*="carousel"] > .aux-mc-item{flex:0 0 100%;max-width:100%}
}
