/* Аккордеон в контенте страны - аккуратная шапка и иконка как в блоках виз/новостей. */
.accordion > * {
    display: none;
    transition: 300ms ease-in;
}

.accordion {
    position: relative;
    margin-bottom: 16px;
    padding: 32px;
    background: #3B376A;
    border-radius: 10px;
    transition: 300ms ease-in;
    overflow: hidden;
}

/* Шапка-триггер: заголовок слева, иконка «+/−» справа, по центру строки. */
.accordion h2 {
    display: block;
    position: relative;
    margin: 0;
    padding-right: 40px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}

.accordion h2.margin--bottom,
.accordion.accordion-active h2 {
    margin-bottom: 24px;
}

/* Иконка «плюс/минус» - тот же CSS-значок, что у new-accordion/news-accordion,
   вертикально отцентрованный по строке заголовка. */
.accordion h2::before,
.accordion h2::after {
    content: "";
    position: absolute;
    right: 2px;
    top: 0.65em;
    width: 16px;
    height: 2px;
    background-color: #fff;
    border-radius: 200px;
    transform-origin: center;
    transition: transform .3s;
    pointer-events: none;
}

.accordion h2::after {
    transform: rotate(90deg); /* свёрнуто → «+» */
}

.accordion.accordion-active h2::after {
    transform: rotate(0); /* раскрыто → «−» */
}

.show {
    display: block;
    transition: 300ms ease-in;
}

.margin--bottom {
    margin-bottom: 24px;
}

/* Ритм отступов блока контента как у блоков виз/новостей (30px между блоками).
   Убираем пустые/br-абзацы в начале и конце контента - они ломали отступ
   (visa → аккордеон был 56px из-за <p><br></p> вместо 30px). */
.country__content > p:empty:first-child,
.country__content > p:empty:last-child,
.country__content > p:first-child:has(> br:only-child),
.country__content > p:last-child:has(> br:only-child) {
    display: none;
    margin: 0;
}

.country__content-block .accordion {
    margin-bottom: 30px;
}