.gw-faq-container { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin: 2rem 0; font-family: 'Work Sans', sans-serif; }
.gw-faq-container *, .gw-faq-container *::before, .gw-faq-container *::after { box-sizing: border-box; }
.gw-faq-container details { display: block; width: 100%; max-width: 100%; margin-bottom: 1rem; }
.gw-faq-container summary { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 1.5rem; cursor: pointer; padding: 1.2rem 1.4rem; list-style: none; outline: none; transition: background 0.3s ease, border-color 0.3s ease; border: none; }
.gw-faq-container summary::-webkit-details-marker { display: none; }
.gw-faq-container .gw-q-text { flex: 1; text-align: left; font-family: 'Cormorant Infant', Georgia, serif; font-weight: 600; font-size: 1.3rem; line-height: 1.3; }
.gw-faq-container .gw-faq-content { display: block; width: 100%; padding: 0 1.4rem 1.4rem; font-size: 0.98rem; }
.gw-faq-container .gw-faq-content,
.gw-faq-container .gw-faq-content p,
.gw-faq-container .gw-faq-content div,
.gw-faq-container .gw-faq-content span { color: var(--faq-text); line-height: 1.7; opacity: 0.85; }
.gw-faq-container .gw-faq-content p:first-child { margin-top: 0; }
.gw-faq-container .gw-faq-content p:last-child { margin-bottom: 0; }
.gw-faq-container .gw-icon { flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; }
.gw-faq-container .gw-icon::after { content: "+"; font-size: 1.5rem; font-weight: 300; line-height: 1; transition: transform 0.35s ease; }
.gw-faq-container details.gw-is-open .gw-icon::after { content: "\2212"; transform: rotate(180deg); }
.gw-faq-container[data-anim="fade"] .gw-faq-wrap { overflow: hidden; }
.gw-faq-container[data-anim="fade"] .gw-faq-content { opacity: 0; transform: translateY(-5px); transition: opacity 0.28s 0.06s ease, transform 0.28s 0.06s ease; }
.gw-faq-container[data-anim="fade"] details.gw-is-open > .gw-faq-wrap > .gw-faq-content { opacity: 1; transform: translateY(0); } .gw-faq-container.gw-layout-1 details { background: var(--faq-bg); border: 1px solid rgba(44, 36, 32, 0.14); transition: border-color 0.25s, box-shadow 0.25s; }
.gw-faq-container.gw-layout-1 details.gw-is-open { border-color: var(--faq-accent); box-shadow: 0 6px 18px rgba(44, 36, 32, 0.08); }
.gw-faq-container.gw-layout-1 summary .gw-q-text { color: var(--faq-text); }
.gw-faq-container.gw-layout-1 .gw-icon { color: var(--faq-accent); } .gw-faq-container.gw-layout-2 details { background: var(--faq-bg); border: none; border-top: 3px solid transparent; box-shadow: 0 10px 30px rgba(44, 36, 32, 0.08); margin-bottom: 1.5rem; transition: border-color 0.25s; }
.gw-faq-container.gw-layout-2 details.gw-is-open { border-top-color: var(--faq-accent); }
.gw-faq-container.gw-layout-2 summary .gw-q-text { color: var(--faq-accent); } .gw-faq-container.gw-layout-3 details { background: transparent; border-bottom: 1px solid rgba(44, 36, 32, 0.14); border-radius: 0; margin-bottom: 0; }
.gw-faq-container.gw-layout-3 summary .gw-q-text { color: var(--faq-text); transition: color 0.2s; }
.gw-faq-container.gw-layout-3 summary:hover .gw-q-text { color: var(--faq-accent); }
.gw-faq-container.gw-layout-3 .gw-icon { color: var(--faq-text); } .gw-faq-container.gw-layout-4 details { background: var(--faq-bg); border-left: 3px solid var(--faq-accent); box-shadow: 0 2px 8px rgba(44, 36, 32, 0.05); }
.gw-faq-container.gw-layout-4 summary .gw-q-text { color: var(--faq-text); }
.gw-faq-container.gw-layout-4 .gw-icon { color: var(--faq-accent); } .gw-faq-container.gw-layout-5 details { background: var(--faq-accent); border: none; }
.gw-faq-container.gw-layout-5 summary .gw-q-text { color: #ffffff; }
.gw-faq-container.gw-layout-5 .gw-faq-content { background: rgba(0, 0, 0, 0.14); padding: 1.2rem 1.4rem; }
.gw-faq-container.gw-layout-5 .gw-faq-content,
.gw-faq-container.gw-layout-5 .gw-faq-content p,
.gw-faq-container.gw-layout-5 .gw-faq-content div,
.gw-faq-container.gw-layout-5 .gw-faq-content span { color: #ffffff; opacity: 0.92; }
.gw-faq-container.gw-layout-5 .gw-icon::after { color: #ffffff; } .gw-faq-container.gw-layout-6 details { background: #241D18; border: 1px solid rgba(244, 238, 230, 0.08); margin-bottom: 0.6rem; transition: border-color 0.25s, box-shadow 0.25s; }
.gw-faq-container.gw-layout-6 details.gw-is-open { border-color: var(--faq-accent); box-shadow: 0 0 0 1px var(--faq-accent), 0 16px 40px rgba(0, 0, 0, 0.35); }
.gw-faq-container.gw-layout-6 summary .gw-q-text { color: #F4EEE6; transition: color 0.2s; }
.gw-faq-container.gw-layout-6 details.gw-is-open summary .gw-q-text { color: var(--faq-accent); }
.gw-faq-container.gw-layout-6 .gw-icon { width: 22px; height: 22px; border: 1.5px solid rgba(244, 238, 230, 0.2); border-radius: 50%; transition: border-color 0.2s; }
.gw-faq-container.gw-layout-6 .gw-icon::after { font-size: 1.3rem; color: rgba(244, 238, 230, 0.65); }
.gw-faq-container.gw-layout-6 details.gw-is-open .gw-icon { border-color: var(--faq-accent); }
.gw-faq-container.gw-layout-6 details.gw-is-open .gw-icon::after { color: var(--faq-accent); }
.gw-faq-container.gw-layout-6 .gw-faq-content,
.gw-faq-container.gw-layout-6 .gw-faq-content p,
.gw-faq-container.gw-layout-6 .gw-faq-content div,
.gw-faq-container.gw-layout-6 .gw-faq-content span { color: rgba(244, 238, 230, 0.72); } .gw-faq-container.gw-layout-7 { counter-reset: faq-counter; }
.gw-faq-container.gw-layout-7 details { counter-increment: faq-counter; background: transparent; border: none; border-bottom: 1px solid rgba(44, 36, 32, 0.12); border-radius: 0; margin-bottom: 0; padding-left: 4.2rem; position: relative; }
.gw-faq-container.gw-layout-7 details::before { content: counter(faq-counter, decimal-leading-zero); position: absolute; left: 0; top: 0.9rem; font-family: 'Cormorant Infant', Georgia, serif; font-style: italic; font-size: 2rem; font-weight: 600; line-height: 1; color: var(--faq-accent); pointer-events: none; transition: color 0.2s; }
.gw-faq-container.gw-layout-7 summary { padding: 1.1rem 0.3rem 1.1rem 0; }
.gw-faq-container.gw-layout-7 summary .gw-q-text { color: var(--faq-text); transition: color 0.2s; }
.gw-faq-container.gw-layout-7 details.gw-is-open summary .gw-q-text { color: var(--faq-accent); }
.gw-faq-container.gw-layout-7 .gw-icon { color: var(--faq-accent); }
.gw-faq-container.gw-layout-7 .gw-faq-content { padding-left: 0; padding-right: 0.5rem; border-left: 2px solid var(--faq-accent); margin-left: -0.1rem; } .gw-faq-container.gw-layout-8 details { background: transparent; border: none; border-radius: 0; margin-bottom: 0.5rem; }
.gw-faq-container.gw-layout-8 summary { background: var(--faq-bg); border: 1.5px solid rgba(44, 36, 32, 0.14); border-radius: 3px; padding: 0.9rem 1.4rem; transition: background 0.28s ease, border-color 0.28s ease; }
.gw-faq-container.gw-layout-8 details.gw-is-open > summary { background: var(--faq-accent); border-color: var(--faq-accent); }
.gw-faq-container.gw-layout-8 summary .gw-q-text { color: var(--faq-text); transition: color 0.25s; }
.gw-faq-container.gw-layout-8 details.gw-is-open summary .gw-q-text { color: #fff; }
.gw-faq-container.gw-layout-8 .gw-icon::after { content: "\203A"; font-size: 1.4rem; font-weight: 700; transform: rotate(90deg); display: inline-block; }
.gw-faq-container.gw-layout-8 details.gw-is-open .gw-icon::after { transform: rotate(270deg); color: #fff; }
.gw-faq-container.gw-layout-8 .gw-icon { color: var(--faq-accent); }
.gw-faq-container.gw-layout-8 .gw-faq-content { background: var(--faq-bg); border: 1.5px solid var(--faq-accent); border-top: none; padding-top: 0.8rem; }
.gw-faq-container.gw-layout-8 .gw-faq-content,
.gw-faq-container.gw-layout-8 .gw-faq-content p,
.gw-faq-container.gw-layout-8 .gw-faq-content div,
.gw-faq-container.gw-layout-8 .gw-faq-content span { color: var(--faq-text); } .gw-faq-container .gw-faq-item.gw-hidden { display: none; }
.gw-faq-container .gw-mehr-btn {
display: inline-flex; align-items: center; margin: 1.4rem auto 0;
padding: 0.8rem 2.2rem; background: var(--faq-accent); color: var(--faq-btn-text);
border: none; font-family: 'Work Sans', sans-serif; font-size: 0.72rem; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: opacity 0.2s;
}
.gw-faq-container .gw-mehr-btn:hover { opacity: 0.85; }
.gw-faq-container summary:focus-visible,
.gw-faq-container .gw-mehr-btn:focus-visible { outline: 2px solid var(--faq-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
.gw-faq-container *, .gw-faq-container *::before, .gw-faq-container *::after {
transition: none !important;
animation: none !important;
}
}