#filmcat article {
  width: 100vw;
}
#filmcat h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(56.25vw / 3);
  font-weight: 700;
  font-size: 4vw;
  width: 100vw;
  padding: 0;
  text-align: center;
}

#filmcat .wp-block-group {
  position: relative;
  margin-top: 0;
  top: 0;
  break-inside: avoid;
}

#filmcat .info2 {
  break-inside: avoid;
}

#filmcat h3 {
  margin-top: 6vw;
}

#filmcat .partner {
  top: auto;
  break-inside: avoid;
}

#filmcat > div > #gridPosts {
  position: absolute;
  width: 100vw;
  left: 0;
}
#filmcat #info {
  transition: 2s ease-in-out;
}
#filmcat #info > *:first-child {
  padding-top: 3vw;
}

#filmcat #info > p {
  max-width: calc((200vw / 3) - 6vw);
  font-size: 1.5vw;
}

.info2 {
  -moz-column-count: 3;
  column-count: 3;
  width: 100vw !important;
  top: 0;
}

.info2 > div > h3 {
  position: absolute;
  margin-top: -4vw;
}

#subcat {
  display: flex;
  flex-wrap: wrap;
  max-height: none !important;
  width: 100vw;
  align-items: flex-end;
}

#subcat:nth-of-type(even) figure {
  order: 2;
}
#subcat:nth-of-type(even) #subcat-info {
  order: 1;
}
#subcat:nth-of-type(even) #mobgrid {
  order: 3;
}

#subcat img {
  width: calc(200vw / 3);
  display: block;
  height: calc(112.5vw / 3);
  object-fit: cover;
}

#subcat-info {
  min-height: calc((56.25vw / 3) + 2vw);
}

#subcat-info h2 {
  width: calc(100vw / 3 - 2vw);
  /* margin-top: calc(56.25vw / 3 - 4.3vw + 1px); */
  margin-bottom: 2vw;
}

#subcat #gridPosts {
  display: flex;
  flex-wrap: wrap;
}

/*=========================MOBILE======================*/

@media screen and (max-width: 700px) {
  /*    --------------- CATEGORY PAGE -----------------    */

  #filmcat h1 {
    font-size: 9vw;
    line-height: 10.8vw;
    padding: 8vw;
    width: 84vw;
    height: auto;
  }

  #filmcat > article > div {
    float: none;
    height: auto;
    max-height: fit-content !important;
    margin: 0;
  }

  .info2 {
    -moz-column-count: 1;
    column-count: 1;
    margin: 0;
  }

  #subcat:nth-of-type(even) figure,
  #subcat:nth-of-type(even) #subcat-info,
  #subcat:nth-of-type(even) #mobgrid {
    order: initial;
  }

  #subcat img {
    width: 100vw;
    height: calc(56.25vw);
  }

  #filmcat > article > .info > div > p {
    margin-bottom: 0;
    padding-bottom: 4vw;
  }

  #filmcat h2 {
    float: none;
    width: 94vw;
    margin-top: 0;
  }

  #filmcat #subcat p:first-of-type {
    padding-top: 4vw;
  }
  #filmcat #subcat p {
    margin: auto;
  }

  #filmcat > #mobgrid {
    position: absolute;
    height: auto;
    border-bottom: 1px solid #c6c6c6;
  }

  #filmcat #info > p {
    max-width: none;
    font-size: 4vw;
  }
}