/* Общие стили */
  
 body,html {  
      margin: 0;  
      font-family: 'Montserrat', sans-serif;
      height: 100%;
      background-color: #ffffff; /* тёмный фон */  
      color: #000000;  
      line-height: 1.6;  
    }  
    section {  
      max-width: 1000px;  
      margin: 0 auto;  
      padding: 45px 20px;  
    }  
    /* Заголовки секций */  
    h2 { 
    color: #242323; 
    font-size: 2.5rem;
    margin-bottom: 20px;

    } 
    h3
    .project {
        font-size: 45px;
        color: #050505; 
    }
    /* Основной текст */  
    p {  
      font-size: 16px;  
      margin-bottom: 15px;  
    }  
    /* Фото галерея */  
    #images div {  
      display: flex;  
      flex-wrap: wrap;  
      gap: 20px;  
    }  
    #images img {  
      width: 250px;  
      height: auto;    
      object-fit: cover;  
    }  
    /* Порядок списков */  
    ol {  
      padding-left: 20px;  
      margin-top: 10px;  
    }  
    ol li {  
      margin-bottom: 10px;  
      font-size: 16px;  
    }  
     .btn {
      background-color: #d61c44;
      color: white;
      padding: 12px 24px;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      transition: background 0.3s;
    }

   #pdf-viewer {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

#pdf-canvas {
  display: block;
  margin: 0 auto;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.pdf-navigation {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

.pdf-navigation button {
  padding: 12px 24px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  background-color:  #d61c44;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.pdf-navigation button:hover {
  background-color: #b51638;
  transform: translateY(-1px);

}

.pdf-navigation button:active {
  transform: translateY(0);
 
}

.pdf-navigation button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

    #btn
    .btn:hover {
      background-color: #b51638;
    }

    nav {
      position: absolute;
      top: 20px;
      right: 40px;
      z-index: 3;
    }

    nav a {
      color:  #d61c44;
      margin-left: 20px;
      text-decoration: none;
      font-weight: bold;
      background: rgba(197, 44, 85, 0.1);
      padding: 8px 16px;
      border-radius: 5px;
      transition: background 0.3s;
    }

    nav a:hover {
      background: rgba(255, 255, 255, 0.3);
    }

    .header-content {
      z-index: 2;
      position: relative;
      max-width: 700px;
    }
     .btn:hover {
      background-color: #b31f47;
    }

    .site-footer {
  background-color: #111;
  color: #ccc;
  padding: 60px 20px;
  font-size: 0.95rem;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}

.footer-column {
  flex: 1 1 250px;
  min-width: 250px;
}

.footer-column h4 {
  color: white;
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.footer-column p,
.footer-column li {
  margin-bottom: 10px;
  line-height: 1.5;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-column ul li a:hover {
  color: #ff5252;
}
    /* Контактная информация */  
    #contacts p {  
      margin: 10px 0;  
      font-size: 16px;  
    }  
   

    .pdf-presentation-header {
    padding: 15px 20px;
}

.pdf-presentation-header h2 {
    font-size: 20px;
}

.pdf-viewer {
    padding: 15px;
}

#pdf-canvas {

    max-width: 100%;
    height: auto;
}

.pdf-controls {
    flex-wrap: wrap;
}

.pdf-control-button {
    width: 40px;
    height: 40px;
}

    /* Мобильная адаптация */  
    @media(max-width: 600px) {  
      #images div {  
        justify-content: center;  
      }  
      #images img {  
        width: 100%;  
        max-width: 100%;  
      } }