/* «Webivan» v2 questions: a dark accordion; «+» turns into «×». */
.wi-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 40px clamp(32px, 5vw, 96px); align-items: start; }
.wi-faq__aside { position: sticky; top: calc(var(--wi-hdr-h) + 32px); display: grid; gap: 18px; justify-items: start; }
.wi-faq__aside .wi-head__lead, .wi-faq__text { margin: 0; color: var(--webivan-mute); }
.wi-faq__list { display: grid; gap: 10px; }
.wi-faq__item {
    border-radius: 20px;
    background: var(--webivan-deep);
    box-shadow: inset 0 0 0 1px var(--webivan-line);
    transition: var(--wi-hover-tr);
}
.wi-faq__item[open]:not(.is-collapsed) { background: var(--webivan-raise); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--webivan-cobalt-2) 30%, transparent); }
.wi-faq__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px 22px 28px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    cursor: pointer;
    list-style: none;
}
.wi-faq__q::-webkit-details-marker { display: none; }
.wi-faq__sign { position: relative; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--wi-line-2); transition: transform 0.4s var(--wi-ease-out), background-color var(--wi-hover-dur) var(--wi-hover-ease), box-shadow var(--wi-hover-dur) var(--wi-hover-ease), color var(--wi-hover-dur) var(--wi-hover-ease); }
.wi-faq__sign::before, .wi-faq__sign::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; border-radius: 2px; background: currentColor; }
.wi-faq__sign::after { transform: rotate(90deg); }
.wi-faq__item[open]:not(.is-collapsed) .wi-faq__sign { transform: rotate(135deg); background: var(--webivan-cobalt); box-shadow: none; }
.wi-faq__body { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.42s var(--wi-ease-out); }
.wi-faq__item.is-collapsed .wi-faq__body { grid-template-rows: 0fr; }
.wi-faq__a { min-height: 0; overflow: hidden; padding: 0 28px; color: var(--webivan-mute); }
.wi-faq__a > :first-child { margin-top: 0; }
.wi-faq__a > :last-child { margin-bottom: 24px; }
.wi-body .wi-faq__a.cms-prose { font-size: 16.5px; color: var(--webivan-mute); max-width: 70ch; }
.wi-faq__item.is-collapsed .wi-faq__a, .wi-faq__item:not(.is-collapsed) .wi-faq__a { transition: opacity 0.3s var(--wi-ease-out); }
.wi-faq__item.is-collapsed .wi-faq__a { opacity: 0; }
.wi-faq__q { border-radius: inherit; }
.wi-faq__item:is(:not([open]), .is-collapsed):has(.wi-faq__q:focus-visible) { background: var(--wi-hover-bg); box-shadow: var(--wi-hover-ring); }
.wi-faq__item:is(:not([open]), .is-collapsed) .wi-faq__q:focus-visible .wi-faq__sign { transform: rotate(90deg); box-shadow: inset 0 0 0 1px var(--webivan-cobalt-2); color: var(--webivan-cobalt-2); }
@media (hover: hover) and (pointer: fine) {
    .wi-faq__item:is(:not([open]), .is-collapsed):hover { background: var(--wi-hover-bg); box-shadow: var(--wi-hover-ring); }
    .wi-faq__item:is(:not([open]), .is-collapsed):hover .wi-faq__sign { transform: rotate(90deg); background: var(--wi-hover-tint); box-shadow: inset 0 0 0 1px var(--webivan-cobalt-2); color: var(--webivan-cobalt-2); }
    .wi-faq__item[open]:not(.is-collapsed) .wi-faq__q:hover .wi-faq__sign { transform: rotate(135deg) scale(1.06); }
}
@media (max-width: 63.99rem) {
    .wi-faq { grid-template-columns: 1fr; }
    .wi-faq__aside { position: static; }
}
@media (max-width: 47.99rem) {
    .wi-faq__q { padding: 18px 16px 18px 20px; font-size: 16.5px; }
    .wi-faq__a { padding: 0 20px; }
    .wi-faq__sign { width: 34px; height: 34px; }
}