.toggle-seo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 931px;
    margin: 28px auto 102px;
    position: relative;
    overflow: hidden;
}

.home .toggle-seo {
    margin: 69px auto 59px;
}

.toggle-seo h2 {
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    text-transform: uppercase;
    color: #1B355E;
    margin: 0;
}

.toggle-seo .accordion-item {
    width: 100%;
}

.toggle-seo .accordion-trigger {
	width: 100%;
    border-radius: 36px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 71px;
    padding: 0 63px;
    cursor: pointer;
    transition: background 0.3s;
    position: relative;
}

/* Fallback si JS désactivé: tous les panels ouverts */
.toggle-seo .accordion-panel {
    max-height: none;
    overflow: visible;
    padding: 25px 50px;
    margin-top: 20px;
    border-radius: 36px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

/* Panel hidden by default */
.js-enabled .toggle-seo .accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease, margin-top 0.3s ease;
    padding: 0 50px;
    margin-top: 0;
	display: none;
}

.accordion-trigger[aria-expanded="true"] + .accordion-panel {
    max-height: 500px !important; /* adjust as needed */
    padding: 25px 50px !important;
    margin-top: 20px !important;
    border-radius: 36px !important;
    border: 1px solid #D9D9D9 !important;
    background: #FFF !important;
	display: block !important;
	    overflow-y: auto;
}

.accordion-trigger[aria-expanded="true"]{
    background: #1B355E;
}

.accordion-trigger[aria-expanded="true"] h2 {
    color: #FFF;
}

/* Arrow icon */
.toggle-seo .accordion-trigger::after {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2241%22%20viewBox%3D%220%200%2041%2041%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M22.6233%2027.1956L28.9567%2020.8623M28.9567%2020.8623L22.6233%2014.529M28.9567%2020.8623H12.0678M39.5122%2020.8623C39.5122%2018.3672%2039.0208%2015.8965%2038.0659%2013.5913C37.1111%2011.2861%2035.7115%209.19159%2033.9472%207.42728C32.1829%205.66296%2030.0884%204.26343%2027.7832%203.30859C25.478%202.35375%2023.0073%201.8623%2020.5122%201.8623C18.0171%201.8623%2015.5464%202.35375%2013.2412%203.30859C10.936%204.26343%208.84149%205.66296%207.07718%207.42728C5.31286%209.19159%203.91334%2011.2861%202.9585%2013.5913C2.00366%2015.8965%201.51221%2018.3672%201.51221%2020.8623C1.51221%2025.9014%203.51399%2030.7341%207.07718%2034.2973C10.6404%2037.8605%2015.4731%2039.8623%2020.5122%2039.8623C25.5513%2039.8623%2030.384%2037.8605%2033.9472%2034.2973C37.5104%2030.7341%2039.5122%2025.9014%2039.5122%2020.8623Z%22%20stroke%3D%22%231B355E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E'); /* keep your SVG */
    background-repeat: no-repeat;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
    transition: transform 0.3s;
}

.accordion-trigger[aria-expanded="true"]::after {
    transform: rotate(180deg); /* optional arrow rotation */
}

/* Accordion content text */
.accordion-content {
    padding: 0 20px;
    color: #1B355E;
    font-family: "Exo 2";
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}

.accordion-content strong {
    font-weight: 600;
}