body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.photo-first-block {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(90deg,#aeaea2,#85410a,#2e3ea8); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(90deg,#aeaea2,#85410a,#2e3ea8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    flex-direction: row; /* Change to row to place elements side by side */
    align-items: stretch; /* Make children stretch to full height */
    padding: 0; /* Remove padding */
}

.photo-first-block-text {
      position: relative;
      flex: 2;
  
      h1 {
        font-weight: bold;
        font-size: 5vw;
        color: var(--color-text);
      }
}

.main-photo-container {
    width: 60%;
    height: 100%;
    position: relative;

    overflow: hidden;
}

.main-photo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the container */
    object-position: center; /* Center the image */
    display: block;
}

.photo-description-container {
    width: 40%; /* Take up the other half of the container */
    padding: 20px 30px 20px 0; /* Add padding except on the left */
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    text-align: left;
}

.photo-description-container h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: bold;
}

.photo-description-container p {
    font-size: 1.2rem;
    line-height: 1.6;
}

  /* Общие стили для фотогалереи */
  .article-gallery {
      height: fit-content;
      background-color: var(--color-text);
      padding: 5vh 5vw;
      max-height: 200vh;

      .article-gallery-title {
        color: #2e3ea8;
        text-align: center;

        h1 {
          font-weight: bold;
        }
      }

      .article-gallery-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        max-height: 180vh;
        overflow-y: scroll;
        overflow-x: hidden;

        .article-gallery-item-elements {
          flex: 0 0 350px;
            margin: 2vh 2vw 2vh 2vw;
            max-height: 50vh;
            height: 50vh;
            max-width: 350px;

            .articles-svg {
                position: absolute;
                z-index: 1;
              }

            .group-18-SEw {
                border-radius: 1.5rem;
                box-sizing: border-box;
                flex-shrink: 0;
                height: 100%;
                margin-bottom: 0;
                position: relative;
                width: 100%;
                box-shadow: 0 0 5px 0;

                .articles-content {
                  padding: 2%;
                  width: 100%;
                  height: 90%;

                  .auto-group-kqvv-8dZ {
                    position: relative;
                    align-items: center;
                    display: flex;
                    height: fit-content;
                    left: 0;
                    top: 0;
                    width: 90%;
                    margin-right: auto;
                    margin-left: auto;
                    border-bottom: solid 0.1rem var(--color-share);
                    z-index: 2;

                    .icons8-64-2-4GK {
                      flex-shrink: 0;
                      height: 7%;
                      margin-right: 2vw;
                      object-fit: cover;
                      vertical-align: top;
                      width: 5%;
                    }

                    .item--Bbq {
                      color: var(--color-share);
                      display: flex;
                      flex-shrink: 0;
                      font-family: var(--font-family);
                      font-size: 1.2vw;
                      font-weight: 800;
                      line-height: 1.2125;
                      margin-top: 0;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      width: 90%;
                    }
                  }

                  .item--zZH {
                    position: relative;
                    color: var(--color-share);
                    display: flex;
                    font-family: var(--font-family);
                    font-size: 1vw;
                    font-weight: 500;
                    height: 80%;
                    left: 0;
                    line-height: 1.2125;
                    top: 1vh;
                    width: 90%;
                    margin-right: auto;
                    margin-left: auto;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    z-index: 2;
                  }

                  .line-8-kqH {
                    border-top: solid 0.1rem var(--color-share);
                    height: fit-content;
                    position: absolute;
                    width: 50%;
                    float: right;
                    margin-bottom: 2%;
                    bottom: 0;
                    right: 2%;
                    padding-right: 5%;
                    z-index: 3;
                  }

                  .icons8-50-2-4qy {
                    height: 5%;
                    left: 0;
                    object-fit: cover;
                    position: relative;
                    margin-top: 0.5vh;
                    vertical-align: top;
                    width: 10%;
                    float: right;
                    transition: all ease-in-out 0.3s;
                  }

                  .icons8-50-2-4qy:hover {
                    cursor: pointer;
                    transform: scale(1.2);
                  }
                }
      }

            .article-fon {
              display: flex;
              justify-content: center;
              height: 30vh;
              width: 100%;
              margin-bottom: 1vh;

              #icon-pdf {
                height: 100%;
                width: auto;
                cursor: pointer;
              }
            }

            .article-info {
              display: flex;
              width: 100%;
              height: fit-content;

              .article-info-name {
                flex: 1;

                #article-name {
                  float: left;
                  font-weight: bold;
                  line-height: normal;
                  font-size: 15px;
                }

                #article-date {
                  float: right;
                  font-style: italic;
                  font-size: 15px;
                }
              }
            }
        }
    }

    .article-gallery-items::-webkit-scrollbar {
      background-color: var(--color-text);
      border-radius: 2px;
      width: 10px;
    }
    
    .article-gallery-items::-webkit-scrollbar-thumb {
      background-color: var(--color-play);
      border-radius: 3px;
    }
  }



.language-selector {
    position: relative;
    display: inline-block;
}

.language-selector #selectedLanguage {
  color: var(--color-text);
}

#languageBtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
}

#languageBtn:hover, #languageBtn:focus, #languageBtn:active {
  border: none;
  outline: none;
}

#languageDropdown {
    display: none;
    position: absolute;
    background-color: var(--color-text);
    min-width: 100px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
}

#languageDropdown a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#languageDropdown a:hover {
    background-color: #f1f1f1;
  border-radius: 5px;
}


/* Адаптация под планшеты, маленькие ноутбуки */
@media (max-width: 1000px) {

    .article-first-block {
        height: 70vh;

        h1 {
          font-size: 12vw;
        }
    }

    .article-gallery {
      .article-gallery-items {
        .article-gallery-item-elements {
            /*max-height: 30vh;
            height: 30vh;*/
            flex: 0 0 48%;
            margin: 2vh 1%;
            max-height: 45vh;
            height: 45vh;
            max-width: 48%;

            .group-18-SEw {
                .articles-content {
                  .auto-group-kqvv-8dZ {
                    .icons8-64-2-4GK {
                      height: 10%;;
                    }

                    .item--Bbq {
                      font-size: 4vw;
                    }
                  }

                  .item--zZH {
                    font-size: 3.5vw;
                  }

                  .icons8-50-2-4qy {
                    height: 10%;
                    width: 15%;
                  }
                }
            }
        }
    }

    .article-gallery-items::-webkit-scrollbar {
      background-color: var(--color-text);
      border-radius: 2px;
      width: 10px;
    }

    .article-gallery-items::-webkit-scrollbar-thumb {
      background-color: var(--color-play);
      border-radius: 3px;
    }
  }
}


/* Адаптация под маленькие планшеты, смартфоны */
@media (max-width: 800px) {

    .article-first-block {
        height: 70vh;
    }

    .article-gallery {
      .article-gallery-items {
        .article-gallery-item-elements {
            /*max-height: 25vh; /* Уменьшаем высоту для меньших экранов */
            /*height: 25vh;*/
            flex: 0 0 45%;
            margin: 2vh 2vw;
            max-height: 45vh;
            height: 45vh;
            max-width: 45%;

            .group-18-SEw {
                .articles-content {
                  .auto-group-kqvv-8dZ {
                    .icons8-64-2-4GK {
                      height: 8%;
                    }

                    .item--Bbq {
                      font-size: 5vw;
                    }
                  }

                  .item--zZH {
                    font-size: 4vw;
                  }

                  .icons8-50-2-4qy {
                    height: 8%;
                    width: 12%;
                  }
                }
            }
        }
    }

    .article-gallery-items::-webkit-scrollbar {
      background-color: var(--color-text);
      border-radius: 2px;
      width: 8px;
    }

    .article-gallery-items::-webkit-scrollbar-thumb {
      background-color: var(--color-play);
      border-radius: 3px;
    }
  }
}


/* Адаптация под маленькие мобильные устройства */
@media (max-width: 500px) {

    .article-first-block {
        height: 70vh;
    }

    .article-gallery {
      .article-gallery-items {
        .article-gallery-item-elements {
            /*max-height: 20vh; /* Еще меньше для небольших экранов */
            /*height: 20vh;*/
            flex: 0 0 90%;
            margin: 2vh 5%;
            max-height: 35vh;
            height: 35vh;
            max-width: 90%;

            .group-18-SEw {
                .articles-content {
                  .auto-group-kqvv-8dZ {
                    .icons8-64-2-4GK {
                      height: 6%;
                    }

                    .item--Bbq {
                      font-size: 6vw;
                    }
                  }

                  .item--zZH {
                    font-size: 5vw;
                  }

                  .icons8-50-2-4qy {
                    height: 6%;
                    width: 10%;
                  }
                }
            }
        }
    }

    .article-gallery-items::-webkit-scrollbar {
      background-color: var(--color-text);
      border-radius: 2px;
      width: 6px;
    }

    .article-gallery-items::-webkit-scrollbar-thumb {
      background-color: var(--color-play);
      border-radius: 3px;
    }
  }
}
.image-caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 15px;
    font-size: 1.1rem;
    border-radius: 4px;
    max-width: 90%;
}