.accordion.pdp {
    display: none;
}

.accordion {
    border-radius: 12px;
    background-color: var(--white);
    overflow: hidden;
}

.accordion .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px;
        cursor: pointer;
        background: var(--white);
        border-radius: 12px;
    }

.accordion .accordion-header svg {
            color: var(--text-gray-500);
        }

.accordion-body.collapsed {
    display: none;
}

.filter-accordion-header.collapsed {
    border-bottom: none;
    border-radius: 16px;
}

.rotate-180deg {
    transform: rotate(180deg);
}

@media (max-width: 1056px) {
    .accordion.pdp {
        display: block;
    }
}

@media (max-width: 768px) {
    .accordion.pdp {
        border-radius: 0px;
    }
        .accordion.pdp .accordion-header {
            padding: 16px 24px;
            border-radius: 0px;
        }

        .accordion.pdp .accordion-body {
            border-radius: 0px;
        }
}