.custom-spoiler-wrapper {
    margin: 15px 0;
    border: 1px solid rgba(40, 40, 39, 0.08);
    border-radius: 15px;
    overflow: hidden; /* Чтобы скругление работало как надо */
}

.custom-spoiler-title {
    background-color: rgba(40, 40, 39, 0.04);
    padding: 12px 15px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
}

.custom-spoiler-title:hover {
    background-color: #eee;
}

/* Иконка-стрелочка для спойлера */
.custom-spoiler-title::after {
    content: '▼';
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    color: #e60000;
}

/* Меняем направление стрелки, когда спойлер активен */
.custom-spoiler-title.active::after {
    transform: translateY(-50%) rotate(180deg);
    color: #e60000;
}

.custom-spoiler-content {
    padding: 15px;
    border-top: 1px solid 1px solid rgba(40, 40, 39, 0.08);
    background-color: #fff;
}