.mybb-gallery { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0; padding:0; }
.mybb-gallery--cols-2 .mybb-gallery__item { flex: 0 0 calc((100% - 10px) / 2); }
.mybb-gallery--cols-3 .mybb-gallery__item { flex: 0 0 calc((100% - 20px) / 3); }
.mybb-gallery--cols-4 .mybb-gallery__item { flex: 0 0 calc((100% - 30px) / 4); }
.mybb-gallery--cols-5 .mybb-gallery__item { flex: 0 0 calc((100% - 40px) / 5); }
.mybb-gallery--cols-6 .mybb-gallery__item { flex: 0 0 calc((100% - 50px) / 6); }
.mybb-gallery--cols-7 .mybb-gallery__item { flex: 0 0 calc((100% - 60px) / 7); }
.mybb-gallery--cols-8 .mybb-gallery__item { flex: 0 0 calc((100% - 70px) / 8); }
.mybb-gallery__item { aspect-ratio:4/3; overflow:hidden; display:block; box-shadow:0 2px 8px rgba(0,0,0,0.15); transition:box-shadow 0.3s ease; }
.mybb-gallery__item:hover { box-shadow:0 6px 20px rgba(0,0,0,0.25); }
.mybb-gallery__item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease; }
.mybb-gallery__item:hover img { transform:scale(1.08); }
@media (max-width:768px) {
  .mybb-gallery { gap:5px; }
  .mybb-gallery .mybb-gallery__item { flex: 0 0 calc((100% - 5px) / 2) !important; }
}