body {
 top: 0 !important;
}
.skiptranslate {
 display: none;
 height: 0;
}
.language__img {
 cursor: pointer;
}

 #clock{
 color: #000;
 font-weight: bold;
 font-size: 30px;
}

/* Стили для модального окна */
 .modalzvezda {
 display: none;
 position: fixed;
 z-index: 5858585;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: rgba(0, 0, 0, 0.4);
 }

 /* Стили для содержимого модального окна */
 .modal-content {
 background-color: #f2f0f5;
  background-repeat: repeat;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 700px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
 }

 /* Стили для кнопки закрытия модального окна */
 .close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
 }

 .close:hover,
 .close:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
 }

#books {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  color: #f0f0f0; /* Изменил цвет текста на светлый для лучшей читаемости */
}

#books li {
  margin: 15px 0;
}

#books li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 36px; /* Увеличил размер иконки для большего акцента */
  color: #4e4e4e; /* Более темный цвет для иконки */
  display: block;
}

#books li span {
  display: block;
  margin-top: 10px;
  color: #ccc; /* Немного светлее, чтобы отличалось от основного текста */
}

#books a {
  text-decoration: none;
  border-bottom: 2px dashed #61dafb; /* Более яркий цвет для ссылки */
  transition: all 0.3s ease-in-out;
  color: #61dafb; /* Яркий голубой для текста */
  font-weight: bold;
}

#books a:hover {
  background-color: #61dafb; /* Цвет фона при наведении */
  color: #fff; /* Белый текст при наведении */
  border-bottom: 2px solid #61dafb; /* Убираем пунктир и делаем сплошную линию при наведении */
}




.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 600px)
{ .show-on-mobile { display: inline; }}  

 .buzz-out { 
 display:inline-block; 
 -webkit-transform:translateZ(0); 
 transform:translateZ(0); 
 box-shadow:0 0 1px rgba(0,0,0,0) 
} 
.buzz-out:hover,.buzz-out:focus,.buzz-out:active { 
 -webkit-animation-name:buzz-out; 
 animation-name:buzz-out; 
 -webkit-animation-duration:0.75s; 
 animation-duration:0.75s; 
 -webkit-animation-timing-function:linear; 
 animation-timing-function:linear; 
 -webkit-animation-iteration-count:1; 
 animation-iteration-count:1 
} 
@keyframes buzz-out { 
 10% { 
 -webkit-transform:translateX(3px) rotate(2deg); 
 transform:translateX(3px) rotate(2deg) 
 } 
 20% { 
 -webkit-transform:translateX(-3px) rotate(-2deg); 
 transform:translateX(-3px) rotate(-2deg) 
 } 
 30% { 
 -webkit-transform:translateX(3px) rotate(2deg); 
 transform:translateX(3px) rotate(2deg) 
 } 
 40% { 
 -webkit-transform:translateX(-3px) rotate(-2deg); 
 transform:translateX(-3px) rotate(-2deg) 
 } 
 50% { 
 -webkit-transform:translateX(2px) rotate(1deg); 
 transform:translateX(2px) rotate(1deg) 
 } 
 60% { 
 -webkit-transform:translateX(-2px) rotate(-1deg); 
 transform:translateX(-2px) rotate(-1deg) 
 } 
 70% { 
 -webkit-transform:translateX(2px) rotate(1deg); 
 transform:translateX(2px) rotate(1deg) 
 } 
 80% { 
 -webkit-transform:translateX(-2px) rotate(-1deg); 
 transform:translateX(-2px) rotate(-1deg) 
 } 
 90% { 
 -webkit-transform:translateX(1px) rotate(0); 
 transform:translateX(1px) rotate(0) 
 } 
 100% { 
 -webkit-transform:translateX(-1px) rotate(0); 
 transform:translateX(-1px) rotate(0) 
 }

.Up_overlays {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Затемнение */
    display: none; /* Скрыт по умолчанию */
    z-index: 1; /* Задний фон, ниже панели */
}

.vvehk_panel_izbrannoe {
    position: fixed;
    top: -50vh;
    left: 0;
    width: 100%;
    height: 50vh;
    background: linear-gradient(to bottom, #0c0c0c, #1d222f, #37465a, #3f5765, #3e697c, #2e8a9d, #0dbdbf);
    color: white;
    padding: 15px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
    transition: top 0.4s ease-in-out;
    text-align: center;
    z-index: 99999;
    display: none;
    overflow-y: auto;
}

.vvehk_panel_izbrannoe.active {
    display: block;
    top: 0;
}

.close-panel {
    position: fixed;
    top: 30px;
    right: 25px;
    background: linear-gradient(to right, #11b7c8, #11b7c4);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 26px;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-icon {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

.close-panel:hover .close-icon {
    transform: rotate(360deg);
}

.vvehk_panel_izbrannoe h1 {
    position: sticky;
    top: 0;
    background: linear-gradient(to bottom, #0c0c0c, #1d222f);
    padding: 10px;
    margin: 0;
    z-index: 9;
}

.vvehk_panel_izbrannoe.active .spoiler-123 {
    display: block; /* Показываем кнопку, если панель активна */
}

.vippodskaz {
    position: fixed; /* Фиксируем контейнер */
    top: 35px; /* Отступ сверху */
    left: 25px; /* Отступ слева */
    z-index: 9999999; /* Чтобы контейнер был поверх других элементов */
    display: none; /* Скрыть по умолчанию */
}
	
.tooltip-789 {
    width: 250px;
}

@media (max-width: 768px) {
    .tooltip-789 {
        width: 150px; /* Ширина подсказки для мобильных экранов */
    }
}