.product-attributes-accordion {
width: 100%; overflow: hidden;
display: flex;
flex-direction: column;
gap: 15px;
}
.product-attributes-accordion .accordion-item {
border: 1px solid #ddd;
background: transparent;
border-radius: 4px !important;
}
.product-attributes-accordion .accordion-title {
display: block;
padding: 15px;
font-weight: bold;
cursor: pointer;
background-color: transparent;
color: var( --e-global-color-primary );
transition: background-color 0.3s ease;
margin: 0;
}
.accordion-title:hover {
background-color: transparent;
}
.accordion-checkbox {
display: none;
}
.accordion-content {
max-height: 0; padding: 0 15px;
background-color: transparent;
transition: all 0.3s ease, padding 0.3s ease;
border: none;
padding-top: 0 !important;
color: #7A7A7A;
}
.accordion-checkbox:checked + .accordion-title + .accordion-content {
max-height: 200px; padding: 15px;
display: block;
} .accordion-title::after {
content: '→';
float: right;
transition: transform 0.3s ease;
font-size: 22px;
}
.accordion-checkbox:checked + .accordion-title {
color: var( --e-global-color-accent );
}
.accordion-checkbox:checked + .accordion-title::after {
transform: rotate(90deg);
content: '→';
color: var( --e-global-color-accent );
}