/* Минимум для аккордеона Q&A. Всё остальное (отступы, типографика, цвета) — из global.css */
#qa-accordion .qa-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.25s ease;
    position: relative;
    padding-bottom: 0;
}
#qa-accordion .qa-item.active .qa-content {
    opacity: 1;
    padding-bottom: calc(var(--xxl) + 32px);
}

.qa-close-button {
    position: absolute;
    bottom: var(--lg);
    right: var(--lg);
}

.qa-toggle-button {
    text-decoration: none;
}
.qa-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lg);
    text-transform: uppercase;
    font-family: var(--sans-secondary) !important;
    cursor: pointer;
    color: var(--white);
}

.qa-header span {
    color: inherit;
    transition: color 0.35s ease;
}

.qa-item.active .qa-header {
    color: var(--turquoise);
}

#qa-accordion {
    display: flex;
    gap: var(--xxl);
    flex-direction: column;
}

.qa-item {
    font-family: var(--primary);
    color: var(--white);
    font-size: var(--xl);
    
}

.qa-item .video-block {
    margin-top: var(--hg) !important;
}

.qa-invitation {

backdrop-filter: blur(5px);
    /* border-top: 1px solid #00ecff1a; */
    text-align: left;
    /* margin-bottom: var(--xl); */
    border-radius: var(--md);
    padding-left: var(--xxl);
    padding-top: var(--xxl);
    padding-bottom: var(--xxl);
    padding-right: var(--xxl);
    background: repeating-linear-gradient(-45deg, #ffffff0a, #ffffff08 1px, #e5e5f700 1px, #e5e5f705 5px);
    gap: var(--lg);
    display: flex
;
    flex-direction: column;
}

.qa-invitation p {
    margin-bottom: var(--md);
}