/* custom.css */
.about_clear {
}

.about_clear_2 {
}

.bg__vibe {
  background-image: url('../images/bg/0000.jpg');
  background-repeat: no-repeat;
  background-pisition: center-left;
  background-attachment: fixed;

}

.server__niz {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%; /* Наше 100-этажное здание */
  
}

.static__news {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
    background-color: #201f1e;
    background-color: var(--color-second);
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
    line-height: 1.5;
}

.about__news {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    grid-gap: 10px;
    gap: 10px;
    justify-items: space-between;
}

.rating__clan {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    grid-gap: 10px;
    gap: 10px;
    justify-items: space-between;
}

.bg__body {
    background-color: var(--background-body);
    background: url(../images/bg/bgm.png) no-repeat center top;
    background: var(--background-body) url(../images/bg/bgm.png) no-repeat center top fixed;
}


/* Кнопока меню */
.navigation__select {
    outline: none;
	color: #f5b23e;
    border-radius: 3px;
    width: auto;
    height: 25px;
    text-align: center;
    border: 1px solid #f5b23e;
    background: #201f1e;
	transition: 0.2s all;
    box-sizing: border-box;
	position: relative;
	font-size: 14px;
}

.navigation__select:hover {
    color: #f5b23e;
	cursor: pointer;
	filter: drop-shadow(0 0 5px #f5a117);
    filter: drop-shadow(0 0 5px var(--color-main));
	border: 1px solid #f5b23e;
	
}

/* Для центровки кнопок dialog */
.dialog__container {
	padding-top: 10px;
	width: 100%;
    display: flex;
	display: flex;
	justify-content: center;
	align-items: center;

}

/* Для центровки кнопок */
.about__rates_btn {
    margin: 10px;
    display: flex;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 5px;
    gap: 50px;
    justify-items: space-between;
}

.about__menu {
	width: 150px;
    padding: 20px;
    background-color: #201f1e;
    background-color: var(--color-second);
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
    line-height: 1.5;
}

.about__sidebar {
	position: fixed;
	min-width: 190px;
    max-width: 190px

}

aside {
  position: fixed;
}

.about__content {
    width: 100%;
}

.menuleft__content {
    padding: 20px;
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
    line-height: 1.5;
}

/* Кнопка описания */
.about__img {
    height: 32px;
    margin-bottom: 6px;
}

.about__btn {
	padding-left: 30px;
	padding-right: 30px;
	align-items: center;
    justify-items: space-between;
	outline: none;
	color: #f5b23e;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #f5b23e;
    width: auto;
    height: 25px;
    text-align: center;
    background: #201f1e;
	transition: 0.2s all;
    box-sizing: border-box;
	font-size: 14px;
}

.about__btn:hover {
    color: #f5b23e;
	cursor: pointer;
	filter: drop-shadow(0 0 5px #f5a117);
    filter: drop-shadow(0 0 5px var(--color-main));
	border: 1px solid #f5b23e;
	background-color: #252524;
    background-color: var(--color-second-hover);
}

.about__rate {
    display: flex;
    flex-direction: column;
	background-color: #201f1e;
    background-color: var(--color-second);
    box-sizing: border-box;
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
	align-items: center;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: .3s all;


}

.about__rate:hover {
    color: #f5b23e;
	cursor: pointer;
	filter: drop-shadow(0 0 5px #f5a117);
    filter: drop-shadow(0 0 5px var(--color-main));
	border: 1px solid #f5b23e;
	background-color: #252524;
    background-color: var(--color-second-hover);

}

.about_select_menu {
	display: none;
}
/* Модалка */
.modal {
	border: none;
	padding: 0;
	background-color: #201f1e;
    background-color: var(--color-second);
	border-radius: 5px;
    border: 1px solid #f5b23e;
}

.modal::backdrop {
	backdrop-filter: blur(4px);
}

/*Кнопка закрытия Модалка */
.modal__close {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    transition: 0.3s all;
    background-size: contain;
    border-radius: 50%;
}

.modal__close:before,
.modal__close:after {
    display: block;
    content: "";
    background: #3f3f3f;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2px;
    transition: 0.3s all;
}

.modal__close:before {
    transform: rotate(-45deg);
}

.modal__close:after {
    transform: rotate(45deg);
}

.modal__close:hover:before,
.modal__close:hover:after {
    filter: brightness(120%);
    transform: rotate(0);
}

.li_none {
	list-style-type:none;
}

.li_padding {
	padding-left: 10px;
}

.ul_none {
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
}

.li_point {
	margin-left: 8px;
	/* Отступ слева в браузере IE и Opera */
	padding-left: 8px;
	/* Отступ слева в браузере Firefox, Safari, Chrome */
}

.li_weapon {
	color: orange;
	list-style-type: none;
	margin-left: 0px;
	/* Отступ слева в браузере IE и Opera */
	padding-left: 0px;
	/* Отступ слева в браузере Firefox, Safari, Chrome */
}

/* about class */
/* Для центровки кнопок меню class */

.class__container {
	width: 100%;

}

.about_class__btn {
	padding-left: 10px;
	padding-right: 10px;
	align-items: center;
    justify-items: space-between;
	outline: none;
	color: #f5b23e;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #f5b23e;
    height: 25px;
    text-align: center;
    background: #201f1e;
	transition: 0.2s all;
	font-size: 14px;
}

.about_class__btn:hover {
    color: #f5b23e;
	cursor: pointer;
	filter: drop-shadow(0 0 5px #f5a117);
    filter: drop-shadow(0 0 5px var(--color-main));
	border: 1px solid #f5b23e;
	background-color: #252524;
    background-color: var(--color-second-hover);
}

.about_class__rates {
	padding-top: 10px;
	padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
	margin-left: 25px;
    margin-right: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    grid-gap: 5px;
    gap: 5px;
    justify-items: space-between;
}
/* about epic */

.epic__content {
	font-size: 14px;
    margin: 2px 0;
	color: white;
    flex-grow: 1;
    min-width: 0;
}

/* about clan */

.clan__content {
	font-size: 14px;
    margin: 2px 0;
	color: white;
    flex-grow: 1;
}

/* about weapon */

.weapon__content {
	font-size: 14px;
    margin: 2px 0;
	color: white;
    flex-grow: 1;
    min-width: 50%;
}

.weapon__rates {
    margin-top: 5px;
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 5px;
    gap: 5px;
    justify-items: space-between;
}

.weapon__item {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 5px;
    gap: 5px;
    justify-items: space-between;
    justify-content: space-between;
    align-items: space-between;
    border-left: 2px solid #f5a117;
    border-left: 2px solid var(--color-main);
    border-right: 2px solid #f5a117;
    border-right: 2px solid var(--color-main);
    background: rgb(36, 36, 36) 0%;
    padding: 3px 10px;
    min-height: 50px;
    transition: .3s all;

}

/* about enchant */
.enchant_rate {
    width: 100%;
    height: 100%;
    min-width: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #201f1e;
    background-color: var(--color-second);
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: .3s all;
}

.enchant__rates {
    margin-top: 5px;
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 5px;
    gap: 5px;
    justify-items: space-between;
}

.enchant__items {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #f5a117;
    border-left: 2px solid var(--color-main);
    background: linear-gradient(to right, rgb(36, 36, 36) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3px 10px;
    min-height: 50px;
    transition: .3s all;
}

.enchant__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #f5a117;
    border-left: 2px solid var(--color-main);
    border-right: 2px solid #f5a117;
    border-right: 2px solid var(--color-main);
    background: rgb(36, 36, 36) 0%;
    padding: 3px 10px;
    min-height: 50px;
    transition: .3s all;
}

.enchant__content {
	font-size: 14px;
    margin: 2px 0;
	color: white;
    flex-grow: 1;
    min-width: 50%;
}

/* about armor */
.armor_rate {
    width: 100%;
    height: 100%;
    min-width: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #201f1e;
    background-color: var(--color-second);
    border-radius: 2px;
    border-radius: var(--border-radius);
    border: 1px solid rgba(255, 227, 0, 0.04);
    border: 1px solid var(--color-border);
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: .3s all;
}

.armor__rates {
    margin-top: 5px;
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 5px;
    gap: 5px;
    justify-items: space-between;
}

.armor__items {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #f5a117;
    border-left: 2px solid var(--color-main);
    background: linear-gradient(to right, rgb(36, 36, 36) 0%, rgba(255, 255, 255, 0) 100%);
    padding: 3px 10px;
    min-height: 50px;
    transition: .3s all;
}

.armor__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #f5a117;
    border-left: 2px solid var(--color-main);
    border-right: 2px solid #f5a117;
    border-right: 2px solid var(--color-main);
    padding: 3px 10px;
    min-height: 50px;
    transition: .3s all;
}

.armor__content {
	font-size: 14px;
    margin: 2px 0;
	color: white;
    flex-grow: 1;
    min-width: 50%;
}

.rift_story {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.5s ease, opacity 0.5s ease;
        margin-top: 20px;
        font-size: 18px;
    }
    .rift_story.active {
        opacity: 1;
    }

    .rift_story__btn {
        padding-left: 10px;
        padding-right: 10px;
        outline: none;
        color: #f5b23e;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid #f5b23e;
        height: 25px;
        text-align: center;
        background: #201f1e;
        transition: 0.2s all;
        font-size: 14px;
        max-width: 219px;
        width: 100%;
        cursor: pointer;
        user-select: none;
    }

    .rift_story__btn:hover,
    .rift_story__btn.active {
        color: #f5b23e;
        filter: drop-shadow(0 0 5px var(--color-main, #f5a117));
        border: 1px solid #f5b23e;
        background-color: #252524;
    }

    .rift_class__rates {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 25px;
        margin-right: 25px;
        display: flex;
        justify-content: center;
        text-align: center;
    }

/* Кастомная таблица */

.custom-table {
      width: 90%;
      margin: 2em auto;
      border-collapse: separate; /* важно для псевдоэлементов на tr */
      border-spacing: 0;
      box-shadow: 0 0 12px rgba(0,0,0,0.05);
      font-family: Arial, sans-serif;
      background: transparent; /* оставить фон сайта */
    }
    /* Убираем границы у ячеек */
    .custom-table td {
      padding: 0.5em;
      text-align: center;
      background: transparent; /* оставить фон сайта */
    }
    /* Размеры изображений стандартные */
    .custom-table img {
      max-width: 100%;
      height: auto;
      display: inline-block;
      transition: transform 0.3s ease;
    }
    /* Запретить масштабирование для изображений при наведении на строку */
    .custom-table tr:hover img {
      transform: scale(1);
    }
    /* Оформление заголовков */
    .custom-table font {
      color: orange; /* цвет текста */
    }
    /* Стили для строк */
    .custom-table tr {
      position: relative;
      transition: box-shadow 0.3s ease, transform 0.3s ease;
      transform-origin: center center; /* масштабирование относительно центра */
    }
    /* Тонкая оранжевая линия между строками */
    .custom-table tr:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 10%;  /* линия не доходит до краёв на 10% */
      right: 10%;
      bottom: 0;
      height: 1px; /* толщина линии 1px */
      background: linear-gradient(to right, transparent, #f5b23e, transparent);
      pointer-events: none;
      z-index: 1;
    }
    /* Эффект наведения на строку: масштабирование и тень сверху и снизу, без теней по бокам */
    .custom-table tr:hover {
      transform: scale(1.05);
      box-shadow:
        0 -8px 15px rgba(245, 178, 62, 0.3),
        0 8px 15px rgba(245, 178, 62, 0.3);
      z-index: 5;
    }
	
	
	.location-table {
      margin: 2em auto;
      border-collapse: separate; /* важно для псевдоэлементов на tr */
      border-spacing: 0;
      box-shadow: 0 0 12px rgba(0,0,0,0.05);
      font-family: Arial, sans-serif;
      background: transparent; /* оставить фон сайта */
    }
    /* Убираем границы у ячеек */
    .location-table td {
      padding: 0.5em;
      text-align: center;
      background: transparent; /* оставить фон сайта */
    }
    /* Размеры изображений стандартные */
    .location-table img {
      max-width: 100%;
      height: auto;
      display: inline-block;
      transition: transform 0.3s ease;
    }
    /* Запретить масштабирование для изображений при наведении на строку */
    .location-table tr:hover img {
      transform: scale(1);
    }
    /* Оформление заголовков */
    .location-table font {
      color: orange; /* цвет текста */
    }
    /* Стили для строк */
    .location-table tr {
      position: relative;
      transition: box-shadow 0.3s ease, transform 0.3s ease;
      transform-origin: center center; /* масштабирование относительно центра */
    }
    /* Тонкая оранжевая линия между строками */
    .location-table tr:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 10%;  /* линия не доходит до краёв на 10% */
      right: 10%;
      bottom: 0;
      height: 1px; /* толщина линии 1px */
      background: linear-gradient(to right, transparent, #f5b23e, transparent);
      pointer-events: none;
      z-index: 1;
    }
    /* Эффект наведения на строку: масштабирование и тень сверху и снизу, без теней по бокам */
    .location-table tr:hover {
      transform: scale(1.05);
      box-shadow:
        0 -8px 15px rgba(245, 178, 62, 0.3),
        0 8px 15px rgba(245, 178, 62, 0.3);
      z-index: 5;
    }

/* Эффект рейтинга на первой странице */

@media (max-width: 768px) {
    .stat_table__class {
        display: none; /* Скрыть столбец на мобильных устройствах */
    }
}

/* Стили для содержимого ячеек таблицы */
.stat_table__class {
    padding: 20px; /* Внутренний отступ вокруг содержимого */
    background-color: #201f1e; /* Фоновый цвет ячейки */
    background-color: var(--color-second); /* Использование переменной для фона */
    border-radius: 2px; /* Скругление углов ячейки */
    border-radius: var(--border-radius); /* Использование переменной для скругления углов */
    border: 1px solid rgba(255, 227, 0, 0.04); /* Полупрозрачная граница ячейки */
    border: 1px solid var(--color-border); /* Использование переменной для границы */
    line-height: 1.5; /* Высота строки текста внутри ячейки */
}

/* Стили для самой таблицы */
.stat_table {
    width: 100%; /* Ширина таблицы на 100% родительского элемента */
    border-collapse: collapse; /* Убирает промежутки между границами ячеек */
}

/* Стили для строк таблицы */
.stat_table__rw {
    display: table-row; /* Отображение строк как таблицы */
    border-bottom: 1px solid rgba(255, 227, 0, 0.04); /* Полупрозрачная нижняя граница строки */
    border-bottom: 1px solid var(--color-border); /* Использование переменной для нижней границы строки */
    border-left: 1px solid rgba(255, 227, 0, 0.04); /* Полупрозрачная левая граница строки */
    border-left: 1px solid var(--color-border); /* Использование переменной для левой границы строки */
    border-right: 1px solid rgba(255, 227, 0, 0.04); /* Полупрозрачная правая граница строки */
    border-right: 1px solid var(--color-border); /* Использование переменной для правой границы строки */
}

/* Стили при наведении на строки таблицы (кроме заголовка) */
.stat_table__rw:not(.stat_table__header):hover {
    background-color: #252524; /* Фон строки при наведении */
    background-color: var(--color-second-hover); /* Использование переменной для фона при наведении */
}

/* Стили для строк таблицы */
.stat_table__rw_h {
    display: table-row; /* Отображение строк как таблицы */
}

/* Стили для нижней границы строк таблицы */
.stat_table__rw_h {
    border-bottom: 1px solid rgba(255, 227, 0, 0.04); /* Полупрозрачная нижняя граница строки */
    border-bottom: 1px solid var(--color-border); /* Использование переменной для нижней границы строки */
}

/* Стили для ячеек с номерами в таблице */
.stat_table__num {
    width: 60px; /* Ширина ячейки с номером */
    text-align: center; /* Выравнивание текста по центру */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с номером */
	color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__pvp {
    width: 60px; /* Ширина ячейки с номером */
    text-align: center; /* Выравнивание текста по центру */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с номером */
	color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__pk {
    width: 60px; /* Ширина ячейки с номером */
    text-align: center; /* Выравнивание текста по центру */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с номером */
	color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__stat {
    width: 60px; /* Ширина ячейки с номером */
    text-align: center; /* Выравнивание текста по центру */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с номером */
	color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__time {
    text-align: center; /* Выравнивание текста по левому краю */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с именем */
    font-size: 14px; /* Размер шрифта текста в ячейке с именем */
    color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__clan {
	text-align: left; /* Выравнивание текста по левому краю */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с именем */
    font-size: 14px; /* Размер шрифта текста в ячейке с именем */
    color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

.stat_table__nameClass {
	text-align: left; /* Выравнивание текста по левому краю */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с именем */
    font-size: 14px; /* Размер шрифта текста в ячейке с именем */
    color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}


/* Стили для ячеек с именами в таблице */
.stat_table__name {
    text-align: left; /* Выравнивание текста по левому краю */
    padding: 5px; /* Внутренний отступ вокруг содержимого ячейки с именем */
    font-size: 14px; /* Размер шрифта текста в ячейке с именем */
    color: #f8faf9; /* Цвет текста в ячейке с именем */
    color: var(--color-ls); /* Использование переменной для цвета текста в ячейке с именем */
}

/* Стили для заголовка таблицы (строка заголовка) */
.stat_table__header {
    min-height: 50px; /* Минимальная высота заголовка таблицы */
}

/* Стили для содержимого заголовка таблицы (ячейки заголовка) */
.stat_table__header .stat_table__content {
    font-size: 14px; /* Размер шрифта текста в заголовке таблицы */
    line-height: 16px; /* Высота строки текста в заголовке таблицы */
    letter-spacing: 0.03em; /* Межбуквенный интервал в заголовке таблицы */
    color: #f5a117; /* Цвет текста в заголовке таблицы (жёлтый)*/
    color: var(--color-main); /* Использование переменной для цвета текста в заголовке таблицы*/
    cursor: default; /* Курсор по умолчанию при наведении на заголовок (не кликабельный)*/
    font-weight: normal; /* Нормальная жирность шрифта в заголовке*/
}

/* Дополнительные стили для содержимого ячеек (дублирование предыдущего блока) - можно удалить одно из определений если не нужно дважды определять одно и то же*/
.stat_table__content {
    min-width: 0; /* Минимальная ширина содержимого ячейки (может быть нулевой)*/
    max-width: 100%; /* Максимальная ширина содержимого ячейки (не больше ширины родителя)*/
    white-space: nowrap; /* Запрет на перенос строк внутри ячейки*/
    text-overflow: ellipsis; /* Добавление многоточия при переполнении текста*/
    overflow: hidden; /* Скрытие переполненного текста*/
}


/* Стили для тела таблицы (можно добавить дополнительные стили если нужно)*/
.stat_table__body {
   background-color: #201f1e; /* Фоновый цвет тела таблицы */ 
}


/* Стили для таблиц с замками */

@media (max-width: 1051px) {
    .rating__castle {
        grid-template-columns: repeat(1, 1fr) !important; /* Принудительное применение */
    }
}

.rating__castle {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Устанавливаем 2 колонки */
    grid-gap: 10px;
}

.stat_table__castle {
    padding: 20px;
    background-color: var(--color-second, #201f1e);
    border-radius: var(--border-radius, 2px);
    border: 1px solid var(--color-border, rgba(255, 227, 0, 0.04));

    display: flex;
    justify-content: center;
    align-items: center;
}

.stat_table__castle_id {
    width: auto;
    max-width: 100%;
    border-collapse: collapse;
}

.stat_table__castle_image {
    text-align: center; /* Центрирование изображения в ячейке */
}

.stat_table__castle_image img {
    max-width: 100%; /* Ограничение ширины изображения до 100% ячейки */
    height: auto; /* Автоматическая высота для сохранения пропорций */
}

.stat_table__castle_vin,
.stat_table__castle_vin_id,
.stat_table__castle_date,
.stat_table__castle_date_id {
    color: orange; /* Оранжевый цвет текста для владельца и даты */
    font-size: 14px; /* Размер шрифта 14px */
    width: 50%; /* Ширина ячеек по 50% */
	text-align: center;
}

.stat_table__castle_date,
.stat_table__castle_date_id {
    color: white; /* Белый цвет текста для даты */
}

/* Модалка телеги */

.modal__content_telega {
	display: inline-block; /* чтобы содержимое было в одной строке */
	list-style-type: none; /* Убираем маркеры списка */
    padding: 0; /* Убираем отступы */
    margin: 2px 0; /* Убираем маргины */
    color: #f5a117;
    color: var(--color-main);
    font-size: 16px; /* Размер шрифта списка */
    line-height: 1.5; /* Межстрочное расстояние */
}

.telega-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.scl__item_telega {
    margin: 0 6px;
    color: #201f1e;
    color: var(--color-second);
    text-decoration: none;
    position: relative;
    z-index: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s all;
    font-size: 15px;
}

.scl__item_telega:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(123, 123, 123, 0.5);
    border-radius: 50%;
    transform: scale(1);
    opacity: 1;
    transition: 0.3s all;
}

.scl__item_telega:hover:after {
    background: #f5a117;
    background: var(--color-main);
}

/* ССылки в описании */

/* Универсальные стили для красивых ссылок */
.pretty-link {
    color: #20B2AA; /* Белый цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    cursor: pointer; /* Меняем курсор на pointer */
    transition: all 0.3s ease; /* Плавная анимация */
    font-weight: 500;
}

.pretty-link:hover {
    text-shadow: 0 0 8px rgba(64, 224, 208, 0.5); /* Свечение */
    transform: translateY(-1px); /* Легкий подъем */
}

.pretty-link:active {
    transform: translateY(0); /* Возвращаем на место при клике */
}