body {
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
 background-image: url('https://kottyaa.ru/images/background-image.jpg');
 background-size: cover;
 background-attachment: fixed;
 background-position: center;
 color: #f2d8e5;
 overflow: auto;
 position: relative;
 line-height: 1.6; /* Додано стандартний інтервал між рядками */
 overflow-x: hidden; 
 }
 .sticky-header {
 position: sticky;
 top: 0; /* Закріплення вгорі */
 left: 0;
 width: 100%; /* Ширина на всю сторінку */
 }

 .space_hor {margin: 0 20px 0 0; display: inline-block;}
 
 .language-selector {
 position: relative; /* Батьківський елемент для абсолютного позиціонування */
 display: inline-block;
 }
 
 .lang-btn {
 display: flex;
 border: none;
 background: none;
 cursor: pointer;
 align-items: center;
 padding: 5px;
 }
 
 .lang-btn img {
 width: 24px;
 height: auto;
 margin-right: 5px;
 }
 
 .dropdown-menu {
 display: none; /* Меню приховане за замовчуванням */
 position: absolute; /* Абсолютне позиціонування для запобігання впливу на сусідні елементи */
 top: 40px; /* Відступ від кнопки вниз */
 right: 0; /* Вирівнювання по правому краю */
 border: 1px solid #444; /* Темна рамка */
 border-radius: 5px;
 z-index: 10; /* Забезпечує, що меню знаходиться над іншими елементами */
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
background: rgba(34, 34, 34, 0.8);
 }
 
 .dropdown-menu .lang-btn {
 width: 100%;
 padding: 10px;
 text-align: left;
 color: #f2d8e5;
 }
 
 .dropdown-menu .lang-btn:hover {
 background: #f2d8e5;
 }
 
 .language-selector.active .dropdown-menu {
 display: block; /* Відображення меню при активному стані */
 }
 .header-container {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 padding: 10px;
 }

 .items-stat {
 text-align: left;
 }

 .paging-wrapper-top,
 .paging-wrapper-bottom{
 text-align: center;
 flex-grow: 1;
 }

 .paging-wrapper-top a,
 .paging-wrapper-bottom a{
 display: inline-block;
 padding: 8px 12px;
 margin: 2px;
 text-decoration: none;
 color: #f2d8e5;
 background-color:rgba(34, 34, 34, 0.8); 
 border: 2px solid #f2d8e5;
 border-radius: 5px;
 font-size: 14px;
 transition: background 0.3s;
 }

 .paging-wrapper-top a:hover,
 .paging-wrapper-bottom a:hover{
 background: #f2d8e5;
 color: #000000;
 }



/* Стилі для кнопки авторизації */
 .auth-toggle {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 50px;
 height: 50px;
 background-color:#f2d8e5; 
 border: 2px solid #f2d8e5;
 border-radius: 5px; 
 cursor: pointer;
 position: relative;
 left: 25px;
 }
 
 /* Стилі для блоку з посиланнями */
 .user-box-links {
 display: none;
 position: absolute;
 top: 50px;
 left: 90%;
 background: rgba(34, 34, 34, 0.8);
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 
 }
 
 .user-box-links a {
 display: block;
 color: #f2d8e5;
 text-decoration: none;
 margin-bottom: 10px;
 }
 
 .user-box-links a:hover {
 background: #f2d8e5;
 color: #000000;
 }
 
 /* Відображення блоку при активному класі */
 .auth-toggle.active + .user-box-links {
 display: block;
 }
.entry-img-link {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 170px;
 height: 150px;
 padding: 10px;
 margin: 10px;
 border: 3px solid #f2d8e5;
 background: rgba(34, 34, 34, 0.8);
 border-radius: 5px;
 text-decoration: none;
 color: inherit;
 }