/* Massaa Toolkit — FAQ. */
.ms.ms-faq {
	--ms-ink: #3e0b27;
	--ms-muted: #6f4a5c;
	--ms-pink: #e30e7d;
	--ms-line: rgba(62, 11, 39, .14);
	--ms-font-display: "Barlow Condensed", "IBM Plex Sans Arabic", sans-serif;
	--ms-font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;
	--ms-pad: 40px;
	background: #fbeef4;
	color: var(--ms-ink);
	font-family: var(--ms-font-body);
	font-size: 16px;
	line-height: 1.65;
	padding: 96px 0;
	text-align: left;
}
.ms.ms-faq *, .ms.ms-faq *::before, .ms.ms-faq *::after { box-sizing: border-box; }
.ms.ms-faq :where(h2, p, details, summary) { margin: 0; padding: 0; }
.ms-faq .ms-fq__wrap { display: grid; grid-template-columns: minmax(260px, 400px) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: start; max-width: 1300px; margin: 0 auto; padding: 0 var(--ms-pad); }
.ms.ms-faq .ms-fq__title { color: var(--ms-ink); font-family: var(--ms-font-display); font-size: clamp(42px, 4.6vw, 64px); font-weight: 600; line-height: .98; letter-spacing: -.01em; text-transform: none; }
.ms.ms-faq .ms-fq__lead { margin-top: 16px; color: var(--ms-muted); font-size: 16px; }
.ms-faq .ms-fq__img { margin-top: 28px; overflow: hidden; aspect-ratio: 4 / 5; border-radius: 50% 50% 22px 22px / 34% 34% 22px 22px; }
.ms-faq .ms-fq__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ms-faq .ms-fq__list { border-top: 1px solid var(--ms-line); }
.ms-faq .ms-fq__item { border-bottom: 1px solid var(--ms-line); }
.ms.ms-faq .ms-fq__q { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; color: var(--ms-ink); font-family: var(--ms-font-display); font-size: 26px; font-weight: 600; line-height: 1.15; list-style: none; cursor: pointer; }
.ms-faq .ms-fq__q::-webkit-details-marker { display: none; }
.ms-faq .ms-fq__q:hover span { color: var(--ms-pink); }
.ms-faq .ms-fq__q:focus-visible { outline: 2px solid var(--ms-pink); outline-offset: 4px; border-radius: 6px; }
.ms-faq .ms-fq__q i { position: relative; flex: none; width: 40px; height: 40px; border: 1px solid var(--ms-line); border-radius: 50%; background: #fff; transition: background-color .2s, border-color .2s; }
.ms-faq .ms-fq__q i::before, .ms-faq .ms-fq__q i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: var(--ms-ink); transition: transform .25s; }
.ms-faq .ms-fq__q i::after { transform: rotate(90deg); }
.ms-faq .ms-fq__item[open] .ms-fq__q i { background: var(--ms-pink); border-color: var(--ms-pink); }
.ms-faq .ms-fq__item[open] .ms-fq__q i::before, .ms-faq .ms-fq__item[open] .ms-fq__q i::after { background: #fff; }
.ms-faq .ms-fq__item[open] .ms-fq__q i::after { transform: rotate(0); }
.ms.ms-faq .ms-fq__a { max-width: 70ch; padding: 0 64px 26px 0; color: var(--ms-muted); font-size: 16px; }
.ms.ms-faq .ms-fq__a p { margin: 0 0 12px; color: inherit; }
@media (max-width: 1024px) {
	.ms-faq .ms-fq__wrap { grid-template-columns: 1fr; gap: 32px; }
	.ms-faq .ms-fq__img { display: none; }
}
@media (max-width: 600px) {
	.ms.ms-faq { --ms-pad: 20px; padding: 64px 0; }
	.ms.ms-faq .ms-fq__q { font-size: 21px; padding: 20px 0; }
	.ms.ms-faq .ms-fq__a { padding-right: 0; }
}
@media (prefers-reduced-motion: reduce) { .ms.ms-faq * { transition: none !important; } }