/* ======================================================
   БЛОК 1: rec2708121901 — белое подчеркивание
   ====================================================== */

#rec2708121901 .tn-atom a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.4s ease;
}

#rec2708121901 .tn-atom a:hover {
    border-bottom-color: #ffffff;
}


/* ======================================================
   БЛОК 2: rec3056666101 — подчеркивание и увеличение
   ====================================================== */

/* --- 1. ПРИНУДИТЕЛЬНО делаем все ссылки черными --- */
#rec3056666101 a,
#rec3056666101 a:visited,
#rec3056666101 a:hover,
#rec3056666101 a:active {
    color: #000000 !important;
}

/* --- 2. ЧЕРНОЕ подчеркивание для ТЕКСТОВЫХ ссылок --- */
#rec3056666101 .text-link {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.4s ease;
    color: #000000 !important;
}

#rec3056666101 .text-link:hover {
    border-bottom-color: #000000;
    color: #000000 !important;
}

/* --- 3. БЕЛОЕ подчеркивание для ССЫЛОК-КАРТИНОК --- */
#rec3056666101 .img-link {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color 0.4s ease;
}

#rec3056666101 .img-link:hover {
    border-bottom-color: #ffffff;
}

/* --- 4. Увеличение картинок при наведении на 1% --- */
#rec3056666101 .img-link img {
    transition: transform 0.3s ease; /* Плавность анимации */
    display: block; /* Убирает лишний отступ снизу */
}

#rec3056666101 .img-link:hover img {
    transform: scale(1.01); /* Увеличение на 1% */
}

/* Для блока rec3283307101 — черные ссылки, при наведении #644B37 */
#rec3283307101 a,
#rec3283307101 a:visited {
    color: #000000 !important; /* Черный цвет для обычных и посещенных ссылок */
}

#rec3283307101 a:hover,
#rec3283307101 a:active {
    color: #644B37 !important; /* Новый цвет при наведении и клике */
}
/* ===========================================================
   ПАГИНАЦИЯ — прозрачный фон, белая обводка
   =========================================================== */

/* Плашки с цифрами — все возможные состояния */
.js-pagination-item,
.js-pagination-item.active,
.js-pagination-item:hover,
.js-pagination-item:focus,
.t-catalog_pagination_item,
.t-catalog_pagination_item.active,
.t-catalog_pagination_item:hover,
.t-catalog_pagination_item:focus {
    background-color: transparent !important; /* Прозрачный фон */
    color: #ffffff !important; /* Белый текст */
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    outline: 2px solid #ffffff !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Стрелки пагинации */
.js-pagination-arrow,
.t-catalog_pagination_arrow {
    background-color: transparent !important; /* Прозрачный фон */
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    outline: 2px solid #ffffff !important;
    outline-offset: -2px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ======================================================
   БЛОК rec3195280301 — увеличение картинки при наведении
   ====================================================== */

/* Увеличение картинки при наведении на неё */
#rec3195280301 img {
    transition: transform 0.3s ease; /* Плавность */
}

#rec3195280301 img:hover {
    transform: scale(1.03); /* Увеличение на 3% (можно изменить) */
}

/* Увеличение картинки при наведении на неё */
#rec3195791501 img {
    transition: transform 0.3s ease; /* Плавность */
}

#rec3195791501 img:hover {
    transform: scale(1.03); /* Увеличение на 3% (можно изменить) */
}

/* ======================================================
   Кнопка в блоке rec3225967601 — белый ободок и центрирование
   ====================================================== */

/* Обычное состояние */
#rec3225967601 .form-btn {
    border: 2px solid #ffffff !important;   /* Белая обводка */
    color: #ffffff !important;              /* Белый текст */
    background-color: transparent !important; /* Прозрачный фон */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;   /* Плавность */
}

/* При наведении — белая кнопка, тёмный текст */
#rec3225967601 .form-btn:hover {
    background-color: #ffffff !important;   /* Белый фон */
    color: #3E2015 !important;              /* Тёмный текст */
    border-color: #ffffff !important;       /* Обводка остаётся белой */
}