.nek-freon-faq,
.nca-faq,
.nek-commerce-faq,
.nek-delivery-faq,
.nek-returns-faq,
.kit-faq,
.copper-faq,
.nek-home-faq {
    --nek-faq-line: #e6e0e7;
    --nek-faq-ink: #17131c;
    --nek-faq-muted: #665f6b;
    --nek-faq-accent: #9f299f;
}

.nek-freon-faq,
.nca-faq {
    padding-top: 32px;
    border-top: 1px solid var(--nek-faq-line);
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) details {
    border-top: 0;
    border-bottom: 1px solid var(--nek-faq-line);
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) summary {
    position: relative;
    padding: 22px 48px 22px 0;
    color: var(--nek-faq-ink);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
    cursor: pointer;
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) summary::-webkit-details-marker {
    display: none;
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) summary::after {
    position: absolute;
    top: 18px;
    right: 0;
    color: var(--nek-faq-accent);
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    content: '+';
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) details[open] summary::after {
    content: '−';
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) details p {
    max-width: 820px;
    margin: 0 0 22px;
    padding: 0;
    color: var(--nek-faq-muted);
    line-height: 1.68;
}

:is(
    .nek-freon-faq,
    .nca-faq,
    .nek-commerce-faq,
    .nek-delivery-faq,
    .nek-returns-faq,
    .kit-faq,
    .copper-faq,
    .nek-home-faq
) summary:focus-visible {
    outline: 3px solid rgba(159, 41, 159, .28);
    outline-offset: 4px;
}

.kit-faq summary > span[aria-hidden='true'] {
    display: none;
}

@media (max-width: 420px) {
    .nek-freon-faq,
    .nca-faq {
        padding-top: 24px;
    }

    :is(
        .nek-freon-faq,
        .nca-faq,
        .nek-commerce-faq,
        .nek-delivery-faq,
        .nek-returns-faq,
        .kit-faq,
        .copper-faq,
        .nek-home-faq
    ) summary {
        padding-right: 40px;
        font-size: 16px;
    }
}