/* =================================================== */
/* --- Базовые и общие стили --- */
/* =================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    max-width: 100%;
}

body {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    background: #fbfbfb !important;
}

a {
    text-decoration: none;
    outline-style: none !important;
}

img {
    max-width: 100%;
    height: auto;
    display: block; /* Важно для избежания лишних отступов под изображением */
}

iframe {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

/* Общий контейнер */
.container {
    max-width: 1240px;
    margin: 0 auto;
    /* overflow: hidden; /* Закомментировано: может конфликтовать со стрелками слайдера */
}

.clr {
    clear: both;
}

h1 {
    font-size: 29px;
    margin: 10px 0 1px;
    font-weight: 400;
}

/* =================================================== */
/* --- Header и навигация --- */
/* =================================================== */
header {
    margin-bottom: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}

header nav {
    background: #000;
}

header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

header nav ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

header nav ul li a {
    display: block;
    padding: 2px 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
}

header nav ul li a:hover {
    color: #20a000;
}

/* --- Логотип (переопределения из кастомных стилей имеют приоритет) --- */
.logo {
    display: inline-block;
    vertical-align: middle;
    /* font-weight: bold; /* Этот стиль может быть унаследован и не нужен */
    font-family: 'Roboto Condensed', sans-serif;
    /* font-size: 20px; /* Этот стиль может быть унаследован и не нужен */
    margin-right: 4%;
    padding: 1px 0;
}

/* Применяем стили к новому элементу логотипа (.site-logo-title) */
.logo .site-logo-title {
    color: #FFD700 !important; /* Яркий золотисто-желтый цвет */
    font-size: 32px !important; /* Размер шрифта */
    font-weight: 900 !important; /* Очень жирный шрифт (Boldest) */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4) !important; /* Небольшая тень для объема */
    letter-spacing: 0.5px !important; /* Небольшой межбуквенный интервал */
    text-transform: none !important; /* Отменяем все буквы заглавными */
    margin: 0 !important; /* Убираем стандартные отступы div */
    padding: 0 !important; /* Убираем стандартные внутренние отступы div */
    line-height: 1.2 !important; /* Межстрочный интервал */
    display: inline-block; /* Важно, чтобы div вел себя как строчный элемент, как это было с H1 */
}

/* Это правило для ссылки внутри лого, оно остается без изменений, но убедитесь, что оно не переопределяет цвет текста */
.logo a {
    color: #20a000; /* Этот цвет для ссылки вокруг лого, не для самого текста логотипа */
    text-decoration: none !important; /* Убираем подчеркивание */
}

/* --- Мобильное меню (изначально скрыто) --- */
.mobmenu {
    position: absolute;
    top: 2px;
    font-size: 17px;
    color: #fff;
    right: 5%;
    cursor: pointer;
    display: none; /* Скрыто по умолчанию, показывается в медиазапросах */
}

.opened {
    height: auto !important; /* Для открытия мобильного меню */
}

/* =================================================== */
/* --- Основной контент (section, aside) --- */
/* =================================================== */
section {
    float: right;
    width: calc(66% - 20px);
    background: #fff;
    padding: 0px 10px 10px 10px; /* ИЗМЕНЕНО: padding-top на 0px из кастомных стилей */
    margin-right: 2%;
    text-align: center;
    box-sizing: border-box;
}

aside {
    float: left;
    width: 15%;
    background: #fbfbfb;
    padding-top: 5px;
}

.right-sidebar {
    float: right;
    width: 15%;
    background: #fbfbfb;
    padding-top: 1px;
}

/* --- Виджеты --- */
.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li {
    display: block;
    border-bottom: 1px solid #d6d6d6;
}

.widget ul li a {
    display: block;
    padding: 6px 10px;
    color: #333;
}

.widgettitle {
    text-transform: uppercase;
    display: block;
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}

.widget {
    margin-bottom: 0px;
}

.vip {
    margin-bottom: 0px;
}



/* =================================================== */
/* --- Стили для карточек анкет (article) на главной --- */
/* =================================================== */
article {
    display: inline-block;
    width: 23%;
    margin-right: 1%;
    margin-bottom: 10px;
    vertical-align: top;
    padding: 0px;
    border: 1px solid #eee;
    max-width: 210px;
}

.hommes {
    text-align: left;
}

.hommes h1 {
    margin-bottom: 10px;
}

.hommes p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
}

article:nth-child(4n) {
    margin-right: 0;
}

.smalla {
    font-size: 0;
    padding: 0px;
}

/* --- Корректировки для первой анкеты внутри секции (из кастомных стилей) --- */
section article.post:first-of-type {
    margin-top: 0px !important; /* Убираем верхний отступ у первой анкеты. !important для переопределения */
    padding-top: 0px !important; /* На всякий случай, если есть внутренний отступ. !important для переопределения */
    box-sizing: border-box;
}

/* --- Блоки .ll и .rr (левый/правый блок в карточке) --- */
.ll {
    margin-bottom: 0px;
    position: relative; /* Важно для .vip-badge */
    overflow: hidden; /* Добавлено из кастомных стилей для .preim .ll */
}

.rr {
    margin-top: 0 !important; /* Из кастомных стилей */
    padding-top: 0 !important; /* Из кастомных стилей */
}

.par span {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
}

.par span:last-child {
    text-align: right;
}

.par {
    padding: 0 10px 7px 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
}

.par:last-child {
    border-bottom: 0;
    margin: 0;
}

/* --- Тестовая кнопка / ссылка --- */
.testi {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    max-width: 100px;
    padding: 10px 0;
    font-size: 11px;
    margin: 0 0 0 auto;
}

/* --- Стили для телефона и кнопки "Показать телефон" --- */
/* Старые стили для .phone, которые частично перекрываются */
.phone {
    font-size: 20px;
    margin-bottom: 8px; /* Этот отступ, вероятно, уже не нужен, если используется show-phone-link-main */
    text-align: center;
    background: #eee; /* Этот фон, вероятно, будет перекрыт */
    border-bottom: 1px solid #eeeeee;
    padding: 5px 10px; /* Этот padding, вероятно, будет перекрыт */
    color: #000;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;

    /* Корректируем стили для контейнера .phone, чтобы он не конфликтовал с новой ссылкой */
    background: none; /* Убираем любой фоновый цвет, который был у div.phone */
    border: none;      /* Убираем рамки, если были */
    padding: 0;        /* Сбрасываем внутренние отступы, если они мешают */
    margin-bottom: 0; /* Или установите нужный отступ, чтобы кнопка хорошо смотрелась */
    line-height: normal; /* Убедимся, что не влияет на высоту кнопки */
}

/* Стилизуем ссылку "Показать телефон" для анкет на главной */
.show-phone-link-main {
    display: block;
    padding: 5px 10px;
    background-color: #000; /* Черный фон */
    color: #fff; /* Белый текст */
    text-align: center;
    text-decoration: none; /* Убираем подчеркивание */
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    margin: 5px auto; /* Центрируем и добавляем вертикальные отступы */
    transition: background-color 0.3s ease; /* Плавная смена цвета при наведении */
}

.show-phone-link-main:hover {
    background-color: #20a000; /* Зеленый фон при наведении (как у вашего логотипа) */
    color: #fff;
}

/* Общие переопределения для кнопок телефона (из кастомных стилей) */
.phone, .show-phone-link-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* --- Название анкеты / ссылки (.aname) --- */
.aname {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 9px 10px;
    background: #a00000;
    font-family: 'Roboto Condensed', sans-serif;
}

/* Переопределение .aname из кастомных стилей */
a.aname {
    background-color: #000 !important; /* Черный фон */
    color: #fff !important;           /* Белый текст */
    text-align: center !important;     /* Выравнивание текста по центру */
    padding: 5px 0 !important;         /* Отступы сверху и снизу для высоты плашки */
    font-size: 18px !important;        /* Размер шрифта, возможно, потребуется скорректировать */
    font-weight: bold !important;      /* Жирный шрифт */
    text-decoration: none !important;  /* Убираем подчеркивание у ссылки */
    margin-bottom: 0 !important;       /* Убираем возможный отступ снизу, чтобы прилипла к фото/следующему блоку */
    border-radius: 5px 5px 0 0 !important; /* Закругление только сверху, если это верхний блок */
}

/* --- Плашка "VIP проститутки" --- */
.vip-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 215, 0, 0.8);
    color: #333;
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none; /* Чтобы клики проходили сквозь плашку на фото/ссылку */
    margin-bottom: 0 !important; /* Добавляем, чтобы убрать возможный нижний отступ */
}

/* --- Кнопка "Смотреть все анкеты" (переопределения из кастомных стилей) --- */
.main-page-button {
    display: inline-block;
    padding: 5px 5px;
    background-color: #20a000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 10px; /* Было 5px, изменено на 10px в кастомном */
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin: 20px auto;
    max-width: 90%;
    box-sizing: border-box; /* Добавлено из кастомных стилей */
}

.main-page-button:hover {
    background-color: #1a8a00;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* =================================================== */
/* --- Стили для отдельных страниц (статья / single post) --- */
/* =================================================== */
.entry-content {
    text-align: left;
    padding: 0 20px;
}

.center {
    margin-bottom: 1px !important;
}

.entry-content > div:first-child {
    margin-top: 1px !important;
}

.name {
    position: relative;
}

.master-phone {
    color: #c64227; /* Этот цвет будет переопределен новым */
    font-size: 23px; /* Этот размер будет переопределен новым */
    padding-bottom: 2px;
}

/* Стилизация номера телефона (из кастомных стилей) */
.master-phone .phone-number-style {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    font-family: Arial, sans-serif;
}

/* Отступ для иконки телефона (из кастомных стилей) */
.master-phone .fa-phone {
    margin-right: 3px;
}

.main-photo {
    float: right;
    width: 55%;
    position: relative;
}

/* --- Стили для блоков информации (Обо мне, Выезд, Апартаменты) --- */
/* Объединенные стили для основных информационных блоков (из кастомных стилей) */
.dannie,
.viezd,
.appart {
    margin-bottom: 10px; /* Было 20px, изменено на 10px */
    border-radius: 10px;
    background-color: #eee;
    padding: 8px; /* Было 10px, изменено на 8px */
    border: 1px solid #ccc; /* Добавлено из кастомных стилей */
    box-sizing: border-box;
}

/* Общие стили для строк данных (из кастомных стилей) */
.dan {
    padding: 5px; /* Было 10px, изменено на 5px */
    background: #eee;
    margin-bottom: 1px;
    line-height: 1.1; /* Добавлено из кастомных стилей */
    box-sizing: border-box;
}

/* Стили для белых плашек (каждый второй элемент) (из кастомных стилей) */
.dan:nth-child(2n) {
    background: #fff;
    border-radius: 10px; /* Добавлено из кастомных стилей */
}

/* Общие стили для строк цен (из кастомных стилей) */
.price {
    padding: 5px; /* Было 10px, изменено на 5px */
    background: #eee;
    margin-bottom: 1px;
    line-height: 1.1; /* Добавлено из кастомных стилей */
    box-sizing: border-box;
}

/* Стили для белых плашек цен (каждый второй элемент) (из кастомных стилей) */
.price:nth-child(2n) {
    background: #fff;
    border-radius: 10px; /* Добавлено из кастомных стилей */
}

/* Стили для span внутри .dan и .price (из кастомных стилей) */
.dannie .dan span,
.viezd .price span,
.appart .price span {
    display: inline-block;
    vertical-align: middle;
}

/* Правила для скругления первой/последней строки внутри родительских блоков (из кастомных стилей) */
.dannie .dan:first-child,
.viezd .price:first-child,
.appart .price:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dannie .dan:last-child,
.viezd .price:last-child,
.appart .price:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


/* --- Блок "Обо мне" (.about_me, .about) --- */
.about_me {
    width: 41%;
    float: left;
    font-size: 13px;
    border-top: 1px solid #eee;
    padding-top: 10px;
    position: relative;
    border-radius: 10px; /* Добавлено из кастомных стилей */
    padding: 10px; /* Добавлено из кастомных стилей */
    background-color: #eee; /* Добавлено из кастомных стилей */
    box-shadow: 0 2px 5px rgba(0,0,0,0.4); /* Добавлено из кастомных стилей */
    box-sizing: border-box; /* Добавлено из кастомных стилей */
}

.about_me h3 {
    font-size: 15px; /* Было 20px, но 15px из первого файла */
    margin: 0;
    padding-bottom: 11px;
    font-weight: 400;
    /* font-size: 20px; /* Дублирование, но оставим для уверенности */
    text-transform: uppercase;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
}

.main-photo h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    margin-top: 10px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

/* Дополнительный блок .about (из кастомных стилей) */
.about {
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}

.drug {
    font-size: 0;
    margin-top: 20px;
}

.lls {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

/* --- Секция услуг (.master-services) --- */
.master-services ul {
    list-style: none;
}

.master-services ul li {
    display: block;
    font-size: 14px;
    margin-bottom: 1px; /* Было 10px, изменено на 1px из кастомных стилей */
    line-height: 1.1; /* Добавлено из кастомных стилей */
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.master-services ul li a {
    color: #333;
}

.master-services ul li a:hover {
    color: #20a000;
}

.master-services ul li .fa {
    margin-right: 5px;
    font-size: 11px;
    color: #20a000;
}

.vided {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}

.razmesh h2 {
    font-weight: 400;
    margin: 20px 0;
}

.istek {
    background: #F44336;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
    width: 100%;
}

.noistek {
    background: #4CAF50;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
    width: 100%;
}

/* =================================================== */
/* --- Стили для формы (ACF) --- */
/* =================================================== */
.acf-form {
    max-width: 85%;
    margin: 0 auto;
    max-width: 600px;
}

#poststuff {
    padding-top: 10px;
    min-width: 10px !important;
}

.acf_postbox p.label label {
    font-size: 14px !important;
    font-weight: bold !important;
    margin: 0 0 0px !important;
    text-align: left !important;
    padding: 0 !important;
}

.acf-input-prepend,
.acf-input-append {
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    line-height: 14px !important;
    padding: 5px 7px;
    background: #F4F4F4;
    border: #DFDFDF solid 1px;
}

.acf-input-prepend {
    float: left;
    border-right: 0;
    border-radius: 3px 0 0 3px;
}

.acf-input-wrap input {
    height: 31px;
    margin: 0;
    text-align: left;
}

.acf-taxonomy-field .acf-checkbox-list {
    margin: 0;
    padding: 10px;
    text-align: left;
}

/* =================================================== */
/* --- Слайдер (Slick Slider) --- */
/* =================================================== */

/*
 * Обновленные стили для слайдера премиум-анкет.
 * Цель: полностью переопределить стили стрелок, чтобы они были черными, без фона,
 * и находились за пределами картинок.
 */

/*
 * Настройки для контейнера слайдера,
 * чтобы стрелки позиционировались относительно него.
 */
.premium {
    position: relative;
    width: 90%;
    margin: 0 auto;
    display: block;
}

.premiums {
    margin: 0 0 20px;
}

.slick-slide {
    outline-style: none; /* Убираем контур фокуса */
}

/*
 * Стили для самих кнопок-контейнеров слайдера (.slick-prev и .slick-next).
 * Устанавливаем их позиционирование и делаем полностью прозрачными.
 */
.slick-prev,
.slick-next {
    /* Позиционирование относительно .premium */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    
    /* Убираем весь фон и границы */
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    
    /* Делаем контейнер нужного размера для клика */
    width: 40px;
    height: 40px;
    
    /* Скрываем стандартные иконки, если они есть */
    font-size: 0;
    line-height: 0;
}

/*
 * Настройки позиционирования контейнеров, чтобы они были за пределами картинок.
 * Значения left и right подобраны вами.
 */
.slick-prev {
    left: -28px;
}

.slick-next {
    right: -28px;
}

/*
 * Стили для иконок Font Awesome, которые мы используем вместо стандартных.
 * Эти правила должны быть более приоритетными.
 */
.slick-prev:before,
.slick-next:before {
    /* Добавляем иконки Font Awesome */
    font-family: 'FontAwesome' !important;
    font-size: 30px !important;
    color: #000 !important; /* Чёрный цвет для стрелок */
    opacity: 1 !important; /* Полная видимость */
    line-height: 1 !important; /* Корректно центрируем иконку */
    
    /* Сбрасываем любые другие стили, которые могут быть у Font Awesome */
    background: transparent !important;
}

/* Назначаем правильные иконки для левой и правой стрелки */
.slick-prev:before {
    content: '\f104' !important; /* Левая стрелка */
}

.slick-next:before {
    content: '\f105' !important; /* Правая стрелка */
}





/* --- Пагинация --- */
/* =================================================== */
.page-numbers {
    margin: 0px 0;
    padding: 0;
    list-style: none;
}

.page-numbers li {
    display: inline-block;
    margin: 0 5px;
}

.page-numbers li a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
}

.page-numbers li a:hover {
    color: #a00000;
    background: #20a000;
    color: #fff;
}

.page-numbers li span {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
}

/* =================================================== */
/* --- Футер --- */
/* =================================================== */
footer {
    margin-top: 10px;
    padding: 10px 0;
    background: #000;
    color: #eee;
    text-align: center;
    font-size: 13px;
}

footer ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

footer ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

footer ul li a {
    display: block;
    padding: 11px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #eee;
}

footer ul li a:hover {
    color: #20a000;
}

/* =================================================== */
/* --- Комментарии --- */
/* =================================================== */
#respond textarea {
    display: block;
    margin-top: 10px;
    outline: none !important;
    border: 1px solid #c7c7c7;
    padding: 5px 10px;
    width: 100%;
    max-width: 100%;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
    box-sizing: border-box;
}

#respond input {
    display: block;
    margin-top: 10px;
    background: none;
    border: 1px solid #c7c7c7;
    padding: 5px 10px;
    border-radius: 0;
    outline: none;
    width: 100%;
    color: #333;
    text-align: left;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
}

#respond {
    text-align: left;
    margin-top: 30px;
    padding: 0 40px;
}

#respond label {
    margin-top: 16px;
    display: block;
    font-size: 13px;
}

#respond #submit {
    background: #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 0;
    width: 150px;
    margin-top: 20px;
    display: block;
}

#reply-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.comment-list {
    list-style: none;
    text-align: left;
    margin: 40px 0 10px;
    padding: 0 40px;
}

.comment-list .meta {
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-list img {
    float: left;
    margin-right: 10px;
}

a.comment-reply-link {
    clear: both;
    display: block;
    margin-top: 40px;
    text-align: right;
}

/* Перебиваем инлайновые стили для аватарок комментаторов */
.comment-list img.avatar,
.comment-list li div.vcard img.avatar {
    max-width: 80px !important; /* Устанавливаем желаемую максимальную ширину аватарки (было 100px) */
    height: auto !important; /* Сохраняем пропорции изображения */
    width: auto !important; /* Отменяем жестко заданную ширину из инлайновых стилей */
}

/* Общее правило для изображений внутри комментариев (уже есть выше, но оставим для надежности) */
.comment-list img {
    max-width: 100% !important;
    height: auto !important;
}

/* Дополнительные стили для улучшения выравнивания (если необходимо) */
.comment-list li div.vcard {
    display: flex; /* Используем flexbox для выравнивания аватарки и текста */
    align-items: flex-start; /* Выравнивание по верхнему краю контейнера */
}

.comment-list pre,
.comment-list code,
.comment-list blockquote {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Уменьшение межстрочного интервала и отступов в комментариях (из кастомных стилей) */
.comment-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
    box-sizing: border-box;
}

/* Для вложенных комментариев (ответов) (из кастомных стилей) */
.comment-list ul.children {
    margin-left: 20px;
    margin-top: 10px;
}

/* Стилизация ссылок "Ответить" (из кастомных стилей) */
.comment-reply-link {
    margin-left: 10px;
    font-size: 0.9em;
}

/* Если ссылка ответа обернута в div/span (из кастомных стилей) */
.reply {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right;
}

/* Если ссылка ответа находится внутри контейнера (из кастомных стилей) */
.comment-metadata .reply {
    margin-top: 5px;
}

/* Общий отступ для контента внутри каждого комментария (из кастомных стилей) */
.comment-content p {
    margin-bottom: 5px;
    line-height: 1.2;
}

.comments-section-title {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* --- Правки для выделения ссылок в комментариях --- */

.comment-list .comment-metadata a,
.comment-list .comment-content a {
    color: #1a0dab; /* Стандартный синий цвет для ссылок */
    text-decoration: underline; /* Добавляем подчеркивание */
}

/* Дополнительно можно добавить эффект при наведении */
.comment-list .comment-metadata a:hover,
.comment-list .comment-content a:hover {
    color: #444; /* Меняем цвет на более темный */
}


/* =================================================== */
/* --- Стили для формы авторизации --- */
/* =================================================== */
input {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    /* height: 28px; */
    padding: 0 11px 1px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: normal;
    font-size: 13px !important;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    background: #2EA2CC;
    border: #0074A2 solid 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
}

.wp-person a:focus .gravatar,
a:focus,
a:focus .media-icon img {
    color: inherit !important;
    box-shadow: none !important;
    outline-style: none !important;
}

#loginform {
    background: #eee;
    border: 1px solid #dedede;
    width: auto;
    text-align: center;
    padding: 20px 40px 13px;
    display: block;
    border-radius: 2px;
    margin: 10px auto;
    max-width: 220px;
}

#loginform label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
}

#loginform .login-username input {
    padding: 3px 5px !important;
    background: #fff;
    color: #333 !important;
}

#user_pass {
    padding: 3px 5px !important;
    background: #fff;
    color: #333;
}

.login-remember {
    text-align: left;
}

#rememberme {
    float: left;
    clear: none;
    margin: 2px 9px -5px 20px;
}

#loginform #wp-submit {
    background: #cb5334;
    color: #fff;
    border: 0;
    padding: 8px 23px;
    margin-top: 0px;
    margin-bottom: 0;
}

.login-submit {
    margin-top: 2px !important;
}

/* =================================================== */
/* --- Специальные элементы UI --- */
/* =================================================== */

/* Стили для красной информационной плашки (из кастомных стилей) */
.red-alert-banner {
    background-color: #d80000;
    color: #fff;
    padding: 1px 14px;
    margin-top: 1px;
    margin-bottom: 0px; /* Убираем нижний отступ, чтобы прижать к H1 */
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
}

/* Стили для заголовка H1 "Проститутки Когалым - все анкеты" (из кастомных стилей) */
.main-page-h1 {
    text-align: center;
    margin-top: 5px; /* Отступ сверху от красной плашки */
    margin-bottom: 5px; /* Отступ снизу до анкет */
    font-size: 28px;
    color: #333;
    font-weight: bold;
    line-height: 1.1; /* Уменьшаем межстрочный интервал для компактности */
    box-sizing: border-box;
}

/* ЕДИНЫЕ КОРРЕКТНЫЕ СТИЛИ ДЛЯ ПЛАШКИ "ФОТО ПРОВЕРЕНО" И "НЕ ПРОВЕРЕНО" */
.checked, .nochek {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff !important;
    box-sizing: border-box !important;
    margin-top: 0 !important; /* Убрали отступ, чтобы приклеить */
    border-radius: 0px !important; /* Убрали закругление, чтобы приклеить */
}

.checked {
    background-color: #20a000 !important; /* Зеленый фон */
}

.nochek {
    background-color: #b96f3b !important; /* Оранжевый/красный фон */
}


/* =================================================== */
/* --- АДАПТИВНЫЕ СТИЛИ (Медиа-запросы) --- */
/* =================================================== */

/* Мобильные устройства (до 480px) */
@media screen and (max-width: 480px) {
    body {
        -ms-overflow-x: hidden;
        overflow-x: hidden;
        min-width: 320px;
    }

    .container {
        max-width: 95%; /* Уменьшаем максимальную ширину */
        margin: 0 auto; /* Центрируем */
        padding: 0 10px; /* Добавляем отступы по бокам */
        overflow-x: hidden !important; /* Скрываем горизонтальную прокрутку для контейнера */
    }

    section {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important; /* Центрируем */
        padding: 20px 0px; /* Было 10px 10px, теперь 20px 0px */
    }

    .right-sidebar,
    aside {
        float: none;
        width: auto;
        padding-top: 20px;
        max-width: 210px;
        margin: 0 auto 30px; /* Центрируем и добавляем отступ снизу */
        background: #fbfbfb; /* Убедимся, что фон установлен, если он был сброшен ранее */
    }

    article {
        display: block;
        width: auto; /* Занимает всю доступную ширину */
        margin-right: auto;
        margin-bottom: 30px;
        vertical-align: top;
        padding: 0px;
        border: 1px solid #eee;
        max-width: 210px; /* Ограничиваем максимальную ширину */
        margin: 0 auto 30px; /* Центрируем */
    }

    article:nth-child(4n) {
        margin-right: auto; /* Уже учтено в общем правиле выше */
    }

    header nav ul li {
        display: block;
        text-align: center;
    }

    header nav ul {
        display: block;
        height: 0; /* Скрываем по умолчанию */
        overflow: hidden;
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    .mobmenu {
        display: block; /* Показываем на мобильных */
    }

    .about_me,
    .main-photo {
        width: auto;
        float: none;
        margin-top: 20px;
    }

    .premiums {
        max-width: 210px; /* Ограничиваем ширину для мобильного слайдера */
        margin: 0 auto;
    }

    h1.name {
        line-height: 1.2 !important;
        font-size: 24px !important;
    }

    .main-page-button {
        width: 100%; /* Занимаем всю ширину на мобильных */
        font-size: 14px; /* Чуть меньше шрифт */
        padding: 5px 5px;
    }

    #respond {
        padding: 0 10px; /* Уменьшаем горизонтальный padding для мобильных */
        width: 100%; /* Убедимся, что занимает всю ширину */
    }

    #respond textarea,
    #respond input {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 5px 10px;
        font-size: 13px !important;
    }

    .comment-list {
        padding: 0 10px !important; /* Уменьшаем padding для списка комментариев */
    }
    .comment-list *,
    .comment-list pre,
    .comment-list code,
    .comment-list blockquote {
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        word-break: break-word;
    }

    /* Мобильные стили для заголовка логотипа */
    .logo .site-logo-title {
        font-size: 24px !important; /* Уменьшаем размер шрифта на мобильных */
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
    }

    .main-page-h1 { /* Из кастомных стилей */
        font-size: 25px; /* Меньший размер для мобильных */
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 1.1;
    }
    section { /* Из кастомных стилей */
        padding-top: 2px;
    }
    section article.post:first-of-type { /* Из кастомных стилей */
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .checked, .nochek { /* Из кастомных стилей */
        font-size: 14px !important; /* Уменьшаем шрифт для мобильных */
        padding: 5px 0 !important; /* Уменьшаем отступы для мобильных */
        /* margin-top: 8px !important; /* Этот стиль может вызвать отступ, если хотите плотно, то 0 */
    }
}

/* Устройства от 481px до 768px (планшеты в портретной ориентации) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    body {
        -ms-overflow-x: hidden;
        overflow-x: hidden;
        min-width: 320px;
    }

    .container {
        margin: 0 auto;
        max-width: 95%;
    }

    section {
        float: none; /* Переопределяем float, чтобы занять всю ширину */
        width: auto; /* Занимает всю ширину */
        background: #fff;
        padding: 20px 0px; /* Было 10px 10px, теперь 20px 0px */
        margin-right: auto; /* Сбрасываем margin-right, чтобы центрировать */
        text-align: center;
    }

    .right-sidebar,
    aside {
        float: none;
        width: auto;
        background: #fbfbfb;
        padding-top: 20px;
        max-width: 210px;
        margin: 0 auto 30px;
    }

    article {
        width: 49%; /* Две статьи в ряд */
        margin-bottom: 30px;
        vertical-align: top;
        padding: 0px;
        border: 1px solid #eee;
        max-width: 210px; /* Ограничиваем максимальную ширину для каждой статьи */
        margin-right: 2%; /* Отступ между статьями */
    }

    article:nth-child(2n) { /* Для каждой второй статьи, чтобы убрать margin-right */
        margin-right: 0;
    }
    article:nth-child(4n) { /* Это правило уже перебивается 2n, можно удалить, но оставим, если есть специфическая причина */
        margin-right: auto;
    }

    header nav ul li {
        display: block;
        text-align: center;
    }

    header nav ul {
        display: block;
        height: 0;
        overflow: hidden;
    }

    .mobmenu {
        display: block;
    }

    .about_me,
    .main-photo {
        width: auto;
        float: none;
        margin-top: 20px;
    }

    .premiums {
        max-width: 480px; /* Ширина слайдера на планшетах */
        margin: 0 auto;
    }

    .lls {
        display: inline-block;
        width: 33.333%;
        vertical-align: top;
    }

    .logo .site-logo-title { /* Из кастомных стилей */
        font-size: 28px !important; /* Немного уменьшаем размер для планшетов */
    }
}

/* Устройства от 769px до 1024px (планшеты в альбомной ориентации) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    body {
        -ms-overflow-x: hidden;
        overflow-x: hidden;
        min-width: 320px;
    }

    .container {
        margin: 0 auto;
        max-width: 95%;
    }

    section {
        float: right; /* Возвращаем float: right */
        width: calc(66% - 20px); /* Возвращаем десктопную ширину */
        background: #fff;
        padding: 20px 0px; /* Было 10px 10px, теперь 20px 0px */
        margin-right: 2%;
        text-align: center;
    }

    aside { float: left; } /* Возвращаем десктопное позиционирование */
    .right-sidebar { float: right; } /* Возвращаем десктопное позиционирование */
    .right-sidebar,
    aside {
        width: 15%; /* Возвращаем десктопную ширину */
        background: #fbfbfb;
        padding-top: 20px; /* Было 5px/1px, теперь 20px */
        margin: 0; /* Убираем мобильный margin auto */
    }


    article {
        width: 32%; /* Три статьи в ряд */
        margin-bottom: 30px;
        vertical-align: top;
        padding: 0px;
        border: 1px solid #eee;
        max-width: 210px; /* Ограничиваем максимальную ширину */
        margin-right: 2%; /* Отступ между статьями */
    }

    article:nth-child(3n) { /* Для каждой третьей статьи, чтобы убрать margin-right */
        margin-right: 0;
    }

    header nav ul li {
        display: inline-block; /* Возвращаем в строку */
        text-align: left; /* Убираем центрирование */
    }

    header nav ul {
        display: inline-block; /* Возвращаем в строку */
        height: auto; /* Открываем меню */
    }

    .mobmenu {
        display: none; /* Скрываем на больших экранах */
    }

    .about_me {
        width: 41%; /* Возвращаем десктопную ширину */
        float: left;
    }

    .main-photo {
        width: 55%; /* Возвращаем десктопную ширину */
        float: right;
        margin-top: 0; /* Убираем мобильный отступ */
    }

    .premiums {
        max-width: 768px; /* Ширина слайдера */
        margin: 0 auto 30px;
    }

    .lls {
        display: inline-block;
        width: 33.333%;
        vertical-align: top;
    }

    .logo .site-logo-title { /* Из кастомных стилей */
        font-size: 30px !important; /* Еще немного уменьшаем для планшетов */
    }
}

/* Устройства от 1025px до 1245px (для больших десктопов перед максимальной шириной) */
@media screen and (min-width: 1025px) and (max-width: 1245px) {
    .container {
        max-width: 95%;
    }

    body {
        -ms-overflow-x: hidden;
        overflow-x: hidden;
    }

    .phone {
        font-size: 17px;
    }
}

.last-online-button {
    display: inline-block;
    background-color: #f0f0f0;
    color: #000000;
    padding: 4px 4px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 4px;
    line-height: 1.2;
}

/* Стили для кнопки "Показать Телефон" */
#show-phone-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 8px;
}

/* Стили для контейнера телефона */
.master-phone {
    margin: 15px 0;
}

/* Стили для номера телефона */
#phone-number {
    display: none;
    margin-left: 10px;
    font-weight: bold;
    font-size: 24px; /* Размер шрифта увеличен, чтобы номер был крупнее кнопки */
    vertical-align: middle; /* Выравнивание по вертикали */
}

/* Стили для блока с предупреждением на главной странице */
.warning-banner {
    background-color: #d80000;
    color: #fff;
    padding: 1px 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
}

/* Стили для класса "highlight2" */
.highlight2 {
    font-weight: bold;
    color: red;
}

.last-online-button {
    display: inline-block;
    background-color: #f0f0f0;
    color: #000000;
    padding: 4px 4px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 4px;
    line-height: 1.2;
}

/* Стили для кнопки "Показать Телефон" */
#show-phone-btn {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 8px;
}

/* Стили для контейнера телефона */
.master-phone {
    margin: 15px 0;
}

/* Стили для номера телефона */
#phone-number {
    display: none;
    margin-left: 10px;
    font-weight: bold;
    font-size: 24px; /* Размер шрифта увеличен, чтобы номер был крупнее кнопки */
    vertical-align: middle; /* Выравнивание по вертикали */
}

.widget_recent_comments a {
  font-weight: bold;
  text-decoration: underline;
}

/* Устранение устаревшего API для h1 и удаление инлайн-стилей */
.name {
  font-size: 2.5em; /* Задайте нужный размер шрифта. Например, 2.5em или 24px */
  font-weight: bold; /* Теперь стиль жирного шрифта будет здесь, а не в HTML */
}


/* ====================================
   Новые стили для выравнивания анкет на десктопе
   ==================================== */

/* Основной контейнер анкеты */
article.post {
    display: flex;
    flex-direction: column;
    height: 100%; /* Гарантируем, что все анкеты займут одинаковую высоту */
}

/* Фиксируем высоту названия анкеты */
article.post .aname {
    min-height: 2.8em; /* Примерно 2 строки. Если текст длиннее, он обрежется */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Ограничиваем двумя строками */
    -webkit-box-orient: vertical;
}

/* Контейнер с фотографией и плашкой "Фото проверено" */
article.post .smalla .ll {
    position: relative; /* Нужно для позиционирования плашки */
    display: block; /* Убедимся, что это блочный элемент */
}

/* Плашка "Фото проверено" */
article.post .smalla .ll .checked {
    position: absolute;
    bottom: 2px; /* Отступ от нижнего края */
    left: 2px; /* Отступ от левого края */
    z-index: 10;
}

/* Контейнер с данными анкеты */
article.post .smalla .rr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Выравнивание по верхнему краю */
    flex-grow: 1; /* Этот блок займёт всё оставшееся пространство */
}

/* Фиксируем высоту для полей с данными */
.smalla .rr .par {
    min-height: 1.5em; /* Минимальная высота для одной строки */
}

/* ====================================
   Дополнительные стили для родительского контейнера
   ==================================== */

/* Родительский контейнер для всех анкет */
section {
    display: flex;      /* Включаем режим Flexbox */
    flex-wrap: wrap;    /* Разрешаем перенос элементов на новую строку */
    gap: 10px;          /* Добавляем отступы между анкетами (можно настроить) */
    justify-content: flex-start; /* Выравнивание элементов по началу строки */
}

/* Устанавливаем положение для родительского контейнера */
article.post {
    position: relative;
    padding-bottom: 10px; /* Добавляем отступ, чтобы кнопка не перекрывала текст */
    min-height: 250px; /* Задаём минимальную высоту, чтобы кнопка всегда была внизу */
}

/* =============================================== */
/* Выравнивание блока "Была на сайте" по низу анкет */
/* =============================================== */

/* Родительский контейнер анкеты */
article.post {
  position: relative; /* Для absolute-позиционирования кнопки */
  min-height: 400px; /* Фиксированная высота (регулируйте под ваш контент) */
  display: flex;
  flex-direction: column;
  padding-bottom: 30px; /* Место для кнопки */
  box-sizing: border-box; /* Чтобы padding не влиял на общую высоту */
}

/* Основной контент (фото + данные) */
article.post .smalla {
  flex-grow: 1; /* Растягивает блок на всё доступное пространство */
}

/* Блок с данными (возраст/рост/цена) */
article.post .rr {
  margin-bottom: 2px; /* Отступ от кнопки */
}

/* Кнопка "Была на сайте" */
.last-online-button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f0f0f0;
  color: #000;
  padding: 5px 0;
  text-align: center;
  font-size: 12px;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}


/* Фикс для анкет с длинным текстом */
article.post .par span {
  display: inline-block;
  white-space: nowrap; /* Запрет переноса текста */
  overflow: hidden;
  text-overflow: ellipsis; /* Троеточие при переполнении */
  max-width: 100%;
}


/* VIP анкеты */
.compact-vip {
    margin-top: 10px !important;
}

.vip-item {
    margin-bottom: 15px;
    padding: 5px;
    background: #e6e8ea;
    border-radius: 0px;
}

.vip-photo {
    position: relative;
    margin-bottom: 5px;
}

.vip-checked {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    background: rgba(32, 160, 0, 0.8);
    color: white;
    text-align: center;
    padding: 3px 0;
    font-size: 12px;
}

.vip-phone {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    color: black;
}

/* Виджеты */
.widget {
    margin-bottom: 15px !important;
    padding: 10px !important;
}

.widgettitle {
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

/* Отступы для верхнего меню */
header nav ul li a {
    padding: 0 10px; /* Увеличиваем отступ слева и справа */
}

/* Мобильные стили: делаем вертикальные отступы больше */
@media (max-width: 768px) {
    /* Добавляем нижний отступ к каждому блоку анкеты */
    article {
        margin-bottom: 20px;
    }
}

.anketa-rating {
    margin: 10px 0 10px;
    font-size: 14px;
}

/* Убираем старую верстку с сайдбаром */
.tag-page-fullwidth {
    width: 100%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

/* Центрируем заголовок */
.tag-page-fullwidth h1 {
    text-align: center;
    margin-bottom: 30px;
}



/* Контейнер для всего */
.tag-container {
    max-width: 1200px;
    margin: 0 auto;
}

.tag-container section h1 {
  width: 100%;
  text-align: center;
  clear: both; /* Убедимся, что заголовок будет ниже любых "плавающих" элементов */
}

.tag-posts {
  display: block; /* Сделаем его блочным элементом, чтобы он всегда начинался с новой строки */
  width: 100%;
  clear: both; /* Убедимся, что анкеты появятся под заголовком */
}

/* Также убедимся, что каждая анкета (`article`) будет занимать всю ширину */
.tag-posts article {
  display: block;
  width: 100%;
}

/* Исправление макета: сайдбар и контент рядом */
.right-sidebar {
    float: right;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
}

section {
    float: left;
    width: calc(75% - 10px); /* 75% - 10px для отступа между блоками */
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}

/* Исправление макета внутри основного контента */
section h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    clear: both; /* Убедимся, что заголовок не будет "обтекаться" */
}

/* Убедимся, что анкеты выстраиваются в колонку */
.tag-posts {
    display: block; /* Сделаем его блочным, чтобы он занимал всю ширину */
    width: 100%;
    clear: both; /* Убедимся, что анкеты начнутся под заголовком */
}

.tag-posts article {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

/* Настраиваем родительский контейнер */
.razmesh {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px; /* Расстояние между элементами */
}

/* Настраиваем ширину каждой анкеты */
.razmesh article {
    width: calc(25% - 11.25px); /* 4 колонки с отступом */
    margin-bottom: 5px; /* Отступ снизу */
}

/* Адаптивность для экранов 992px и меньше */
@media (max-width: 992px) {
    .razmesh article {
        width: calc(50% - 7.5px); /* 2 колонки на планшетах */
    }
}

/* Адаптивность для мобильных экранов 768px и меньше */
@media (max-width: 768px) {
    .razmesh article {
        width: 100%; /* 1 колонка на мобильных устройствах */
    }
}

.testi {
    display: inline-block; /* Или просто уберите, если не нужно */
    padding: 0;
    margin: 0;
    background: none; /* Убираем черный фон */
    border: none; /* Убираем рамку, если есть */
    color: #0073aa; /* Стандартный синий цвет ссылок WordPress */
    text-decoration: none;
    font-size: 14px; /* Устанавливаем желаемый размер шрифта */
    font-weight: normal; /* Убираем жирный шрифт, если он есть */
}

/* Разделитель между отзывами */
#comments .comment-list li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* Разделитель между отзывами в боковой панели */
.custom-comments-list ul {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    margin-top: 15px;
}

.custom-comments-list ul li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/* Стили для красного баннера */
.red-warning-block {
    background-color: #d80000;
    color: #fff;
    padding: 1px 14px;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.4;
}

/* Убираем верхний отступ у секции с контентом, чтобы она примыкала к баннеру */
.container section {
    margin-top: 0;
    padding-top: 0;
}

/* Убираем верхние отступы у блока с контентом и у заголовка H1 */
.entry-content,
.entry-content .name {
    margin-top: 0;
    padding-top: 0;
}

/* Разделитель между отзывами в основном блоке комментариев */
.comment-list li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.comment-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Возвращаем нормальный шрифт для текста комментариев */
.comment-list .comment-text {
    font-weight: normal;
}


/* Стили для блока с SEO-текстом перед формой комментария */
.comment-form-seo-text h3 {
    text-transform: uppercase; /* Заглавные буквы для заголовка */
    margin-bottom: 5px; /* Уменьшаем отступ между заголовком и текстом */
}
.comment-form-seo-text p {
    text-align: justify; /* Выравнивание текста по ширине */
}

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}