.data-accordion {
    font-family: "DM Sans", "noto_sansregular", Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    margin: 20px;
}

.data-accordion h2,
.data-accordion h3 {
    font-family: 'Geologica', sans-serif;
    font-weight: 300;
    color: #212121;
}

.data-accordion h2 {
    font-size: 20px;
}

.assortment-intro h2 {
    margin: 1.5em 0 1em 0;
}

.data-accordion h3 {
    font-size: 16px;
}

.assortment-intro h2 {
    margin: 1.5em 0 0.5em 0;
}

@media (min-width: 1440px) {
    .data-accordion {
        max-width: 1240px;
        margin: 0 auto 40px;
    }

    .data-accordion h2 {
        font-size: 28px;
    }

    .data-accordion h3 {
        font-size: 24px;
    }

    .data-accordion p, .data-accordion ul {
        font-size: 16px;
        line-height: 24px;
    }
}

.accordion-item {
    border-bottom: 1px solid #e0e0e0;
}

.assortment-intro .accordion-item {
    margin-bottom: 1rem;
}


.accordion-header {
    cursor: pointer;
    padding: 1rem 0 0 0;
    position: relative;
    margin: 0;
    transition: color 0.3s ease;
}

.assortment-intro .accordion-header {
    padding: 1rem 0 1rem 0;
    margin: 0 0 1rem 0;
}

.accordion-header:hover {
    color: #2c5aa0;
}

.accordion-header::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.accordion-header.active::after {
    content: '−';
    transform: rotate(0deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding-left: 1rem;
}

.accordion-content p {
    margin: 0.5rem 0;
    padding: 0.5rem 0;
}