/* == СТИЛІ ГАЛЕРЕЇ == */
	
	.gallery-card {
	    border-radius: 5px;
	/*	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
	}
	
	.gallery-masonry {
	  display: flex;
	  gap: 16px;
	}

	.gallery-column {
	  flex: 1;
	  display: flex;
	  flex-direction: column;
	  gap: 16px;
	}

	@media (max-width: 768px) {
	  .gallery-masonry {
		flex-direction: column;
	  }
	}

	.media-content {
	  width: 100%;
	  height: auto;
	  display: block;
	  object-fit: cover;
	  border-radius: 5px;
	}

	/* Інфо під контентом */
	.media-meta {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	  color: #ccc;
	  font-size: 0.8rem;
	}

	.author-avatar {
	  width: 30px;
	  height: 30px;
	  border-radius: 50%;
	  object-fit: cover;
	}

	.author-name {
	  color: #a4644c;
	  font-weight: bold;
	}

	.media-meta-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.author-info {
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}

	.media-reactions {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0.3rem;
	  margin-top: 0.3rem;
	}

	.load-more {
		margin: 20px auto;
		display: block;
	}
	.load-more:hover {
		background: #3e4147;
	}

	.tools-bar {
		display: flex;
		justify-content: end;
	}
	
	.pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin: 30px 0;
		flex-wrap: wrap;
	}

	.pagination-pages {
		display: flex;
		gap: 5px;
		align-items: center;
	}

	.pagination-link {
		padding: 8px 12px;
		border: 1px solid #5a4d41;
		text-decoration: none;
		border-radius: 4px;
	}

	.pagination-link:hover {
		background: #5a4d41;
		color: #fff;
	}

	.pagination-link.active {
		background: #5a4d41;
		color: #fff;
	}

	.pagination-ellipsis {
		padding: 8px 4px;
		color: #888;
	}

	.post-title {
		font-size: 1.0em;
		margin: 10px 0;
		color: #5a4d41;
	}

	.comments-summary {
		margin-top: 10px;
		color: #999;
	}

	@media (max-width: 768px) {
		.pagination {
			font-size: 0.9em;
		}
		
		.pagination-link {
			padding: 6px 10px;
		}
	}