.ycf-el-gallery {
  --ycf-el-columns: 4;
  --ycf-el-gap: 12px;
}

.ycf-el-gallery-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.ycf-el-gallery-filters button {
    border: none;
    background: none;
  padding: 7px 12px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
	color: #F38F96;
font-weight: 600;
	font-size: 16px;
}

.ycf-el-gallery-filters button.is-active {
  color: #2A5BA8;
font-weight: 600;
	font-size: 16px;border-bottom: 3px solid #2A5BA8;
}

.ycf-el-gallery-grid {
  display: grid;
  grid-template-columns: repeat(var(--ycf-el-columns), minmax(0, 1fr));
  gap: var(--ycf-el-gap);
}

.ycf-el-gallery-item {
  margin: 0;
}

.ycf-el-gallery-item.is-hidden {
  display: none;
}

.ycf-el-gallery-media {
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 8px;
}

.ycf-el-gallery-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.ycf-el-gallery-item:hover .ycf-el-gallery-media img {
  transform: scale(1.04);
}

.ycf-el-gallery--square .ycf-el-gallery-media {
  aspect-ratio: 1 / 1;
}

.ycf-el-gallery--landscape .ycf-el-gallery-media {
  aspect-ratio: 4 / 3;
}

.ycf-el-gallery--portrait .ycf-el-gallery-media {
  aspect-ratio: 3 / 4;
}

.ycf-el-gallery--auto .ycf-el-gallery-media {
  aspect-ratio: auto;
}