.aca {
	--header_height: 0
	--header_height_closed: 0
}

.aca__title {
	max-width: 104.4rem;
	margin-bottom: 5.6rem;
}
.aca__accordion-list {
	--template_columns:  1fr 1fr 1fr;
	display: grid;
	grid-template-columns: var(--template_columns);
	grid-auto-flow: column;
	width: 100%;
	transition: grid-template-columns var(--default_transition);
}


.aca__accordion-list[data-layout="2"] {
	--template_columns: 1fr 1fr;
}
.aca__accordion-list[data-layout="3"] {
	--template_columns: 1fr 1fr 1fr;
}
.aca__accordion-list[data-layout="4"] {
	--template_columns: 1fr 1fr 1fr 1fr;
}
.aca__accordion-list[data-layout="5"] {
	--template_columns: 1fr 1fr 1fr 1fr 1fr;
}

.aca__accordion-list-item {
	padding: var(--spacer_40);
	min-height: 40rem;
	position: relative;
	transition: width var(--default_transition);
	overflow: hidden;
	cursor: pointer;
	--header_margin_top: 0;
	--header_margin_top_closed: 0;
	transition: grid-column var(--default_transition), padding var(--default_transition);
}

.aca__accordion-list-item-container {
	display: flex;
	height: 100%;
	gap: var(--spacer_16);
	/* width: calc(var(--container_width) / 3 * 2 - 4rem); */
	width: 200%;
	justify-content: space-between;
	padding-bottom: 0;
	transition: padding-bottom var(--default_transition), width var(--default_transition), gap var(--default_transition);
}

.aca__accordion-list-item--opened .aca__accordion-list-item-container {
	padding-bottom: var(--spacer_28);
	width: 100%;
}
.aca__accordion-list-item--closed .aca__accordion-list-item-container {
	width: 100%;
}

.aca__accordion-list-item-button {
	opacity: 1;
	visibility: visible;
	transition: opacity var(--default_transition), visibility var(--default_transition), background var(--default_transition), clip-path var(--default_transition);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.aca__accordion-list-item--opened .aca__accordion-list-item-button,
.aca__accordion-list-item--opened .aca__accordion-list-item-button:hover {
	clip-path: polygon(0 0, 36px 0, 36px 36px, 0 36px);
	background-position: left 0 center, left 18px center, left 0 center;
	background-size: 36px 36px, 0 36px, 36px;
}
.aca__accordion-list-item--opened .aca__accordion-list-item-button::after,
.aca__accordion-list-item--opened .aca__accordion-list-item-button:hover::after {
	background-position: left 0 center, left 18px center, left 0 center;
	background-repeat: no-repeat;
	background-size: 36px 36px, 0 36px, 36px;
}

.aca__accordion-list-item--opened .aca__accordion-list-item-button::before,
.aca__accordion-list-item--opened .aca__accordion-list-item-button:hover::before {
	background-size: 28px 28px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5332 7.25439L24.5038 24.2249' stroke='white' stroke-width='3'/%3E%3Cpath d='M7 24.1818L23.7567 7' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
	transform: translate(0px,-50%);
}

.aca__accordion-list-item-header {
	grid-template-columns: 100%;
	
	display: flex;
	flex-direction: column;
	transition: margin var(--default_transition), width var(--default_transition), min-width var(--default_transition);
	width: 100%;
	min-width: 0%;
	/* margin-top: var(--header_margin_top); */
	height: 100%;
}

.heightFixed .aca__accordion-list-item-header {
	/*height: var(--header_height);*/
}

.aca__accordion-list-item-header-title {
	line-height: 1;
	margin-bottom: var(--spacer_20);
	transition: font-size var(--default_transition);
}

.aca__accordion-list-item-header-caption {
	max-height: 100rem;
	margin-bottom: var(--spacer_20);
	transition: max-height var(--default_transition), margin var(--default_transition);
	overflow: hidden;
}

.aca__accordion-list-item--closed .aca__accordion-list-item-header-caption {
	margin-bottom: 0;
}

.aca__accordion-list-item-header-caption > *:last-child {
	margin-bottom: 0;
}

.aca__accordion-list-item-header-button {
	margin-top: auto;
}

.aca__accordion-list-item-body {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--default_transition), visibility var(--default_transition);
}

.aca__accordion-list-item-body-container {
	overflow: hidden;
}

.aca__accordion-list-item--closed .aca__accordion-list-item-body {
	min-width: 100dvw;
}

.aca__accordion-list-item-body ul {
	list-style-type: disc;
}

.aca__accordion-list-item-body ul li span {
	font-size: var(--font_size_14);
}

.aca__accordion-list-item-body-button {
	display: none;
}
.aca__accordion-list-item-body-button {
	display: block;
	margin-top: var(--spacer_16);
}

.aca__accordion-list-item-image {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1;
	max-width: none;
	width: 100%;
	opacity: 0;
	clip-path: polygon(0 0, 100% 0, 100% var(--spacer_58), 0 var(--spacer_58));
	transition: opacity var(--default_transition), transform var(--default_transition);
}

{###############}
{# OPENED CARD #}
{###############}
.aca__accordion-list-item--opened {
	padding-bottom: var(--spacer_58);
}

.aca__accordion-list-item--opened .aca__accordion-list-item-header {
	margin-top: 0;
	width: 50%;
	min-width: 50%;
}

.aca__accordion-list-item--opened .aca__accordion-list-item-body {
	opacity: 1;
	visibility: visible;
	width: 50%;
}

.aca__accordion-list-item--opened .aca__accordion-list-item-image {
	opacity: 1;
	transform: translateY(calc(var(--spacer_58) * -1));
}

{###############}
{# CLOSED CARD #}
{###############}
.aca__accordion-list-item--closed {
	/* width: calc(100%/6); */
	padding-left: var(--spacer_16);
	padding-right: var(--spacer_16);
	padding-bottom: var(--spacer_40);
}

.aca__accordion-list-item--closed .aca__accordion-list-item-header {
	/*
	height: var(--header_height_closed);
	margin-top: var(--header_margin_top_closed);
	width: calc(var(--container_width) / 6 - var(--spacer_16)); 
	*/
	min-width: 100%;
}
.aca__accordion-list-item .aca__accordion-list-item-header::before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	transition: height var(--default_transition);
}
.aca__accordion-list-item--closed .aca__accordion-list-item-header::before {
	height: 100%;
}

.aca__accordion-list-item--closed .aca__accordion-list-item-header-title {
	font-size: var(--font_size_20);
}

.aca__accordion-list-item--closed .aca__accordion-list-item-header-caption {
	max-height: 0;
	margin-bottom: 0;
}

{#################}
{# MEDIA QUERIES #}
{#################}

@media (max-width: 1300px) {
	
}

@media (max-width: 1150px) {
	.aca__accordion-list {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
	.aca__accordion-list-item {
		cursor: auto;
		height: auto;
		width: 100%;
		min-height: auto;
		padding: var(--spacer_24);
	}
	
	.aca__accordion-list-item--opened {
		padding: var(--spacer_24);
	}
	
	.aca__accordion-list-item-container {
		width: 100%;
		gap: 0;
		align-items: center;
		flex-direction: column;
	}
	.aca__accordion-list-item--opened .aca__accordion-list-item-container {
		gap: var(--spacer_36);
	}
	.aca__accordion-list-item--opened .aca__accordion-list-item-header,
	.aca__accordion-list-item--opened .aca__accordion-list-item-body {
		height: auto;
		width: 100%;
	}

	.aca__accordion-list-item-body {
		width: 100%;
		opacity: 1;
		visibility: visible;
		
		display: grid; 
		grid-template-rows: 0fr;
		transition: grid-template-rows var(--default_transition);
	}
	
	.aca__accordion-list-item--opened .aca__accordion-list-item-body {
		grid-template-rows: 1fr;
		padding-bottom: 0;
	}
	
	.aca__accordion-list-item--opened .aca__accordion-list-item-container {
		padding-bottom: 0;
	}
	
	.aca__accordion-list-item-image {
		display: none;
	}
	.aca__accordion-list-item--closed .aca__accordion-list-item-header-title {
		margin-bottom: 0;
	}
	.aca__accordion-list-item-body ul li span {
		font-size: var(--font_size_16);
	}
	
	.aca__accordion-list-item--closed .aca__accordion-list-item-header-button {
		/* display: none; */
		margin-top: var(--spacer_20);
	}
}
@media (max-width: 650px) {
	.aca__accordion-list-item-container {
		flex-direction: column;
		gap: 0;
	}
	.aca__accordion-list-item--opened .aca__accordion-list-item-container {
		gap: var(--spacer_16);
	}
	.aca__accordion-list-item-body-button {
		margin-top: var(--spacer_36);
		display: block
	}
}

{# CLOSED CARD #}
@media (max-width: 1300px) {
	.aca__accordion-list-item--closed .aca__accordion-list-item-header {
	}
}