/* FAQ page. Locked LALA tokens only. */
body.lala.lala-faq-page .entry-header,body.lala.lala-faq-page .page-header,body.lala.lala-faq-page .single-page-header{display:none}
body.lala.lala-faq-page .site-content-container.container,body.lala.lala-faq-page #primary.content-area,body.lala.lala-faq-page #main.site-main,body.lala.lala-faq-page .hentry,body.lala.lala-faq-page .entry-content{width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
.lala-faqp{color:var(--lala-ink);font-size:16px;line-height:1.75;overflow:hidden}
.lala-faqp > section,.lala-faqp .lfq-panel > section{max-width:980px;margin-inline:auto;padding:72px 20px}
.lala-faqp p{margin:0}
.lala-faqp [hidden]{display:none!important}

/* hero */
.lfq-hero{position:relative;text-align:center;padding-top:80px!important;padding-bottom:24px!important}
.lfq-title{font-family:var(--lala-display);font-size:clamp(96px,17vw,220px);font-weight:500;line-height:.9;letter-spacing:-.03em;margin:8px 0 34px;color:var(--lala-ink);
  background:linear-gradient(180deg,var(--lala-ink) 30%,color-mix(in srgb,var(--lala-accent) 70%,var(--lala-ink)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[lang^="ar"] .lfq-title{letter-spacing:0}
.lfq-drop{position:relative;width:46px;height:62px;margin:0 auto 14px}
.lfq-drop span{position:absolute;inset:0;background:linear-gradient(160deg,color-mix(in srgb,var(--lala-accent) 55%,#fff),var(--lala-accent));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M12 0s12 13 12 21a12 12 0 0 1-24 0C0 13 12 0 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 32'%3E%3Cpath d='M12 0s12 13 12 21a12 12 0 0 1-24 0C0 13 12 0 12 0Z'/%3E%3C/svg%3E") center/contain no-repeat;animation:lfq-drop 3.2s cubic-bezier(.45,0,.55,1) infinite}
.lfq-drop i{position:absolute;left:50%;bottom:-6px;width:20px;height:6px;margin-left:-10px;border-radius:50%;border:1.5px solid var(--lala-accent);opacity:0;animation:lfq-ripple 3.2s ease-out infinite}
.lfq-drop i:nth-of-type(2){animation-delay:.35s}.lfq-drop i:nth-of-type(3){animation-delay:.7s}
@keyframes lfq-drop{0%,100%{transform:translateY(0)}45%{transform:translateY(-6px)}55%{transform:translateY(2px) scaleY(.94)}}
@keyframes lfq-ripple{0%,40%{opacity:0;transform:scale(.3)}50%{opacity:.8}100%{opacity:0;transform:scale(2.6)}}
.lfq-tools{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.lfq-search{position:relative;display:flex;align-items:center;width:min(100%,440px)}
.lfq-search .lala-i{position:absolute;inset-inline-start:18px;width:18px;height:18px;color:var(--lala-muted);pointer-events:none}
.lala-faqp .lfq-search input{width:100%;min-height:54px;padding:0 20px;padding-inline-start:48px;border-radius:999px;border:1px solid var(--lala-line);background:color-mix(in srgb,var(--lala-surface) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--lala-ink);font-family:var(--lala-body);font-size:15px;box-shadow:0 14px 34px -22px rgb(43 31 51 / .35)}
.lala-faqp .lfq-search input:focus{outline:2px solid var(--lala-accent);outline-offset:0;border-color:transparent}
.lfq-langs{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--lala-line);background:var(--lala-surface)}
.lala-faqp .lfq-langs button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--lala-muted);font-family:var(--lala-body);font-size:14px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.lala-faqp .lfq-langs button[lang="ar"]{font-family:"Noto Sans Arabic",sans-serif}
.lala-faqp .lfq-langs button[aria-selected="true"]{background:var(--lala-ink);color:var(--lala-bg)}

/* facts */
.lfq-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:40px!important;padding-bottom:24px!important}
.lfq-fact{display:grid;gap:6px;align-content:start;padding:22px;border-radius:22px;background:var(--lala-surface);border:1px solid var(--lala-line)}
.lfq-fact-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lala-muted)}
[dir="rtl"] .lfq-fact-label{letter-spacing:0;font-size:13px}
.lfq-fact b{font-family:var(--lala-display);font-size:clamp(30px,3.2vw,40px);font-weight:600;line-height:1.05;color:var(--lala-accent)}
.lfq-fact small{font-size:.5em;font-weight:600;color:var(--lala-ink)}
@media (max-width:820px){.lfq-facts{grid-template-columns:1fr 1fr}}

/* questions */
.lfq-list{display:grid;gap:12px;padding-top:24px!important}
.lfq-list-title{font-family:var(--lala-display);font-size:clamp(28px,3.4vw,40px);font-weight:600;margin:0 0 10px;color:var(--lala-ink)}
.lfq-item{border-radius:22px;background:linear-gradient(160deg,color-mix(in srgb,var(--lala-surface) 85%,transparent),color-mix(in srgb,var(--lala-surface) 55%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--lala-line);transition:border-color .3s,box-shadow .3s,transform .3s var(--lala-ease)}
.lfq-item:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgb(43 31 51 / .35)}
.lfq-item[open]{border-color:color-mix(in srgb,var(--fc) 60%,var(--lala-line));box-shadow:0 20px 50px -30px color-mix(in srgb,var(--fc) 80%,transparent)}
.lfq-item summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;cursor:pointer}
.lfq-item summary::-webkit-details-marker{display:none}
.lfq-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--fc) 22%,var(--lala-surface));color:color-mix(in srgb,var(--fc) 55%,var(--lala-ink));transition:transform .4s var(--lala-ease)}
.lfq-ico .lala-i{width:22px;height:22px;stroke-width:1.6}
.lfq-item[open] .lfq-ico{transform:rotate(-8deg) scale(1.06)}
.lfq-q{font-family:var(--lala-display);font-size:20px;font-weight:600;line-height:1.35}
[dir="rtl"] .lfq-q{font-size:18px;line-height:1.6}
.lfq-plus{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--lala-line);transition:transform .35s var(--lala-ease),background .25s}
.lfq-plus::before,.lfq-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:var(--lala-ink);border-radius:1px}
.lfq-plus::after{transform:rotate(90deg)}
.lfq-item[open] .lfq-plus{transform:rotate(135deg);background:var(--lala-accent-soft)}
.lfq-a{overflow:hidden}
.lfq-a-in{padding:0 20px 22px;padding-inline-start:84px;color:var(--lala-muted);font-size:15.5px}
@media (max-width:560px){.lfq-a-in{padding-inline-start:20px}.lfq-item summary{gap:12px;padding:16px}.lfq-ico{width:40px;height:40px;border-radius:13px}.lfq-q{font-size:18px}}
.lala-faqp .lfq-zoom{display:block;margin:14px 0 0;padding:0;border:0;background:none;cursor:zoom-in;border-radius:16px;overflow:hidden;max-width:260px}
.lala-faqp .lfq-zoom img{display:block;width:100%;height:auto;transition:transform .5s var(--lala-ease)}
.lala-faqp .lfq-zoom:hover img{transform:scale(1.04)}
.lfq-empty{padding:30px;text-align:center;color:var(--lala-muted)}
.lfq-q mark{background:color-mix(in srgb,var(--lala-accent) 25%,transparent);color:inherit;border-radius:4px;padding:0 2px}

/* signs: 4 steps */
.lfq-signs{text-align:center}
.lfq-signs .lala-h{font-family:var(--lala-display);font-size:clamp(32px,4vw,48px);font-weight:500;margin:0 0 36px}
.lfq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.lfq-steps::before{content:"";position:absolute;left:12%;right:12%;top:18px;height:2px;background:linear-gradient(90deg,var(--lala-accent-soft),var(--lala-accent),var(--lala-accent-soft));z-index:0}
.lfq-steps li{position:relative;display:grid;gap:14px;justify-items:center;z-index:1}
.lfq-step-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lala-ink);color:var(--lala-bg);font-family:var(--lala-display);font-size:20px;font-weight:600;box-shadow:0 0 0 6px var(--lala-bg)}
.lfq-steps .lfq-zoom{max-width:none;width:100%;margin:0;border-radius:20px;box-shadow:0 22px 44px -28px rgb(43 31 51 / .45);transition:transform .35s var(--lala-ease)}
.lfq-steps li:hover .lfq-zoom{transform:translateY(-6px) rotate(-1deg)}
.lfq-steps li:nth-child(even):hover .lfq-zoom{transform:translateY(-6px) rotate(1deg)}
@media (max-width:820px){.lfq-steps{grid-template-columns:1fr 1fr}.lfq-steps::before{display:none}}

/* help */
.lfq-help{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;max-width:980px;margin:0 auto 96px!important;padding:36px 40px!important;border-radius:28px;background:radial-gradient(600px circle at 0% 0%,color-mix(in srgb,var(--lala-accent) 16%,transparent),transparent 70%),var(--lala-surface);border:1px solid var(--lala-line)}
.lfq-help-title{font-family:var(--lala-display);font-size:clamp(28px,3vw,36px);font-weight:600;margin:0 0 4px;color:var(--lala-ink)}
.lfq-help p{color:var(--lala-muted)}
.lfq-help-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lala-faqp .lfq-help-links a:not(.lala-btn){display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--lala-line);color:var(--lala-ink);text-decoration:none;font-size:14px;font-weight:500;transition:border-color .2s,background .2s}
.lala-faqp .lfq-help-links a:not(.lala-btn):hover{border-color:var(--lala-ink)}
.lfq-help-links .lala-i{width:18px;height:18px}
@media (max-width:640px){.lfq-help{margin-inline:20px!important;padding:28px 22px!important}}

/* lightbox */
.lfq-lightbox{position:fixed;inset:0;z-index:100003;display:grid;place-items:center;padding:24px;background:rgb(20 14 24 / .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;animation:lfq-fade .25s ease}
.lfq-lightbox img{max-width:min(92vw,900px);max-height:86vh;border-radius:18px;box-shadow:0 30px 80px rgb(0 0 0 / .45)}
.lala-faqp .lfq-lb-close{position:absolute;top:calc(18px + var(--lala-top));inset-inline-end:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgb(255 255 255 / .18);cursor:pointer}
.lala-faqp .lfq-lb-close::before,.lala-faqp .lfq-lb-close::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.6px;margin:-.8px 0 0 -8px;background:#fff;transform:rotate(45deg)}
.lala-faqp .lfq-lb-close::after{transform:rotate(-45deg)}
@keyframes lfq-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.lfq-drop span,.lfq-drop i{animation:none}}
html[data-theme="dark"] .lala-faqp .lfq-a-in{color:var(--lala-muted)!important}
.lfq-title{animation:lfq-rise 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes lfq-rise{from{opacity:0;transform:translateY(30%)}}
@media (prefers-reduced-motion:reduce){.lfq-title{animation:none}}
.lfq-search .lala-i{z-index:1}
.lfq-panel[data-panel="en"] .lfq-list-title{display:none}
