/* General layout */
.film-meta {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Main film information */
.film-main-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 30px;
}

.film-poster-container {
  flex: 0 0 30%;
  margin-left: 20px;
}

.film-poster-image img {
  max-width: 100%;
  height: auto;
}

.film-main-info {
  flex: 1;
}

.film-title {
  margin-top: 0;
}

/* Synopsis and still image */
.film-story-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 30px;
}

.film-still-image {
  flex: 0 0 30%;
  margin-right: 20px;
}

.film-still-image img {
  max-width: 100%;
  height: auto;
}

.film-synopsis-container {
  flex: 1;
}

/* Director information */
.film-direction-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 30px;
}

.film-direction-photo {
  flex: 0 0 30%;
  margin-right: 20px;
}

.film-direction-photo img {
  max-width: 100%;
  height: auto;
}

.film-direction-info {
  flex: 1;
}

/* Additional information */
.film-meta-title {
  margin-top: 30px;
}

/* Responsive design for mobile */
@media screen and (max-width: 768px) {
  .film-main-container,
  .film-story-container,
  .film-direction-container {
      flex-direction: column;
  }

  .film-poster-container,
  .film-still-image,
  .film-direction-photo {
      flex: 0 0 100%;
      margin-right: 0;
      margin-bottom: 20px;
  }
}

/* WordPress core classes */
.wp-block-image img {
  height: auto;
  max-width: 100%;
}

.wp-block-video video {
  max-width: 100%;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
