/* Стили для галереи */
 .gallery {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     padding: 20px;
 }

 .gallery-img {
     /* width: 200px; */
     /* height: 150px; */
     object-fit: cover;
     cursor: pointer;
     transition: transform 0.2s;
 }

 .gallery-img:hover {
     transform: scale(1.02);
 }

 .hidden {
    display: none;
 }

 /* Стили для lightbox */
 .lightbox {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     justify-content: center;
     align-items: center;
     z-index: 1000;
 }

 .lightbox-content {
     max-width: 90%;
     max-height: 90%;
     object-fit: contain;
 }

 .close-btn {
     position: absolute;
     top: 20px;
     right: 30px;
     color: var(--base-color);
     font-size: 40px;
     cursor: pointer;
     user-select: none;
 }

 .nav-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: var(--base-color);
     font-size: 36px;
     cursor: pointer;
     user-select: none;
     padding: 20px;
 }

 .prev-btn {
     left: 30px;
 }

 .next-btn {
     right: 30px;
 }

 /* Анимация появления */
 .fade-in {
     animation: fadeIn 0.3s;
 }

 .no-scroll {
    overflow: hidden;
 }

 @keyframes fadeIn {
     from { opacity: 0; }
     to { opacity: 1; }
 }