/* FAQ: segmented tabs (sliding pill) + numbered accordion. Section alignment from "محاذاة القسم" (default center). */
.sdo-w--faq .sdo-faq{margin-top:clamp(28px,4vw,52px);max-width:54em}
.sdo-al--center.sdo-w--faq .sdo-faq{margin-inline:auto}
.sdo-al--end.sdo-w--faq .sdo-faq{margin-inline-start:auto}
.sdo-w--faq .sdo-faq__tabs{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:5px;margin-bottom:clamp(16px,3vw,28px);border:1px solid var(--sdo-line);border-radius:99px;background:var(--sdo-sand-wash);max-width:100%}
.sdo-al--center.sdo-w--faq .sdo-faq__tabs{display:grid;width:max-content;margin-inline:auto}
.sdo-al--end.sdo-w--faq .sdo-faq__tabs{display:grid;width:max-content;margin-inline-start:auto}
.sdo-w--faq .sdo-faq__tabs button{all:unset;box-sizing:border-box;position:relative;z-index:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 clamp(14px,3vw,26px);border-radius:99px;font-size:clamp(.86rem,2.4vw,.98rem);line-height:1.4;text-align:center;color:var(--sdo-muted);transition:color .6s var(--sdo-ease)}
.sdo-w--faq .sdo-faq__tabs button .sdo-ico,.sdo-w--faq .sdo-faq__tabs button .sdo-ico-el{font-size:18px}
.sdo-w--faq .sdo-faq__tabs button.is-on{color:var(--sdo-accent-ink)}
.sdo-w--faq .sdo-faq__tabs button:focus-visible{outline:2px solid var(--sdo-sand);outline-offset:2px}
.sdo-w--faq .sdo-faq__pill{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:99px;background:var(--sdo-accent);transition:inset-inline-start .7s var(--sdo-ease),width .7s var(--sdo-ease);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--sdo-wine) 70%,transparent)}
.sdo-w--faq:not(.is-js) .sdo-faq__pill{display:none}
.sdo-w--faq:not(.is-js) .sdo-faq__tabs button.is-on{background:var(--sdo-accent)}
.sdo-w--faq .sdo-faq__panel{display:none;text-align:start}
.sdo-w--faq .sdo-faq__panel.is-on{display:block;animation:sdo-faq-in .8s var(--sdo-ease)}
@keyframes sdo-faq-in{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
.sdo-w--faq .sdo-faq__item{border-bottom:1px solid var(--sdo-line)}
.sdo-w--faq .sdo-faq__item:first-child{border-top:1px solid var(--sdo-line)}
.sdo-w--faq .sdo-faq__item>button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:20px 0;font-size:clamp(1.02rem,2vw,1.2rem);font-weight:600;line-height:1.6;color:var(--sdo-ink)}
.sdo-w--faq .sdo-faq__n{flex:none;min-width:2em;font-size:.8rem;font-weight:400;letter-spacing:.08em;color:var(--sdo-sand-deep);font-variant-numeric:tabular-nums}
.sdo-tone--dark.sdo-w--faq .sdo-faq__n{color:var(--sdo-sand)}
.sdo-w--faq .sdo-faq__q{flex:1;min-width:0}
.sdo-w--faq .sdo-faq__item>button i{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--sdo-line);transition:background .6s var(--sdo-ease),border-color .6s var(--sdo-ease)}
.sdo-w--faq .sdo-faq__item>button i::before,.sdo-w--faq .sdo-faq__item>button i::after{content:"";position:absolute;inset:50% 11px auto;height:1.5px;margin-top:-.75px;background:var(--sdo-accent);transition:transform .6s var(--sdo-ease),background .6s var(--sdo-ease)}
.sdo-w--faq .sdo-faq__item>button i::after{transform:rotate(90deg)}
.sdo-w--faq .sdo-faq__item>button:hover i{border-color:var(--sdo-sand)}
.sdo-w--faq .sdo-faq__item.is-open>button i{background:var(--sdo-accent);border-color:var(--sdo-accent)}
.sdo-w--faq .sdo-faq__item.is-open>button i::before,.sdo-w--faq .sdo-faq__item.is-open>button i::after{background:var(--sdo-accent-ink)}
.sdo-w--faq .sdo-faq__item.is-open>button i::after{transform:rotate(0)}
.sdo-w--faq .sdo-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--sdo-ease)}
.sdo-w--faq .sdo-faq__a>div{overflow:hidden}
.sdo-w--faq .sdo-faq__a p{margin:0;padding:0 0 26px;padding-inline-start:calc(2em + 16px);color:var(--sdo-muted);max-width:44em;line-height:1.95}
.sdo-w--faq .sdo-faq__item.is-open .sdo-faq__a{grid-template-rows:1fr}
@media(max-width:599px){.sdo-w--faq .sdo-faq__tabs{display:grid;width:100%}.sdo-w--faq .sdo-faq__tabs button{padding:0 10px;gap:8px}.sdo-w--faq .sdo-faq__a p{padding-inline-start:0}}
@media (prefers-reduced-motion:reduce){.sdo-w--faq *{transition:none!important;animation:none!important}}
