/* ================================================================
 * Block: Accordion list — accordion_list
 * Design: Figma "Growston NEW" §FAQ (node 55:3325)
 * Tokens: assets/css/growston-tokens.css (--g-*)
 * ================================================================ */

.g-faq {
    padding-block: var(--g-space-9); /* 100px */
}

.g-faq__inner {
    padding-inline: var(--g-pad-x);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--g-space-7); /* 50px */
}

/* Nagłówek sekcji — wspólny .g-section-head (growston-section-head.css) */

.g-faq__list {
    display: flex;
    flex-direction: column;
    gap: var(--g-space-6); /* 30px */
    width: 1300px;
    max-width: 100%;
}

.g-faq__item {
    border-bottom: 2px solid var(--g-color-cyan);
    padding: 0 var(--g-space-6) var(--g-space-6);
}

.g-faq__item[open] {
    background: #fafafa;
    border-bottom: none;
    border-radius: var(--g-radius-tile); /* 20px */
    padding: var(--g-space-6);
}

.g-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--g-space-4);
    cursor: pointer;
    list-style: none;
    padding-top: var(--g-space-5);
}

.g-faq__item[open] .g-faq__question {
    padding-top: 0;
}

.g-faq__question::-webkit-details-marker {
    display: none;
}

.g-faq__question-text {
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-medium);
    font-size: var(--g-fs-h3); /* 35px */
    line-height: 1.2;
    color: #2c2c2c;
}

.g-faq__plus {
    flex: none;
    color: var(--g-color-purple);
}

.g-faq__item[open] .g-faq__plus {
    transform: rotate(45deg);
}

.g-faq__answer {
    margin-top: var(--g-space-5); /* 20px */
    font-family: var(--g-font-body);
    font-weight: var(--g-fw-regular);
    font-size: var(--g-fs-body);
    line-height: 1.5;
    color: var(--g-color-ink);
}

.g-faq__answer p { margin: 0 0 0.75em; }
.g-faq__answer p:last-child { margin-bottom: 0; }

/* ── Responsywność ── */
@media (max-width: 768px) {
    .g-faq__question-text {
        font-size: 24px;
    }
}