/* MaidJet FAQ Experience v2.4.9 — scoped to the two FAQ templates only. */
.mj-faq-page{background:#f5f8fd;color:#102e60}
.mj-faq-page .mj-faq-hero{position:relative;overflow:hidden;padding:3.2rem 0 !important;background:linear-gradient(115deg,#132e65 0%,#2153a2 73%,#2f6cbe 100%)}
.mj-faq-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}
.mj-faq-hero-copy{position:relative;z-index:2;max-width:680px}
.mj-faq-page .mj-faq-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.045em;margin:.6rem 0;color:#fff}
.mj-faq-page .mj-faq-hero .lede{font-size:1rem;line-height:1.65;color:#e3edff;max-width:560px;margin:0}
.mj-faq-page .mj-faq-hero .eyebrow{color:#ffca38;font-weight:800;letter-spacing:.13em;font-size:.8rem}
.mj-faq-hero-art{width:158px;height:130px;position:relative;flex-shrink:0;opacity:.9}
.mj-faq-hero-symbol{width:108px;height:108px;background:#fff;color:#2459ac;border-radius:30px;display:grid;place-items:center;font-size:4.2rem;font-weight:850;transform:rotate(-9deg);box-shadow:0 15px 28px rgba(3,20,58,.2)}
.mj-faq-hero-spark{position:absolute;color:#ffcc37;font-size:2.1rem}.mj-faq-hero-spark-one{top:-10px;right:7px}.mj-faq-hero-spark-two{bottom:7px;right:18px}
.mj-faq-content{padding:2rem 0 3rem}
.mj-faq-search-panel{background:#fff;border:1px solid #e2eaf5;border-radius:20px;padding:1.6rem 1.8rem;box-shadow:0 9px 30px rgba(21,55,110,.045);margin-bottom:1.6rem}
.mj-faq-search-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}
.mj-faq-kicker{font-size:.7rem;font-weight:850;letter-spacing:.13em;color:#3673c0;margin:0 0 .3rem;text-transform:uppercase}
.mj-faq-search-heading h2{font-size:1.65rem;letter-spacing:-.025em;line-height:1.2;margin:0 0 .3rem;color:#0e2b59}
.mj-faq-search-heading p:not(.mj-faq-kicker){color:#5f708c;font-size:.9rem;margin:0;line-height:1.5}
.mj-faq-search-count{font-size:.76rem;color:#24579c;font-weight:800;background:#eaf3ff;padding:.55rem .8rem;border-radius:999px;white-space:nowrap}
.mj-faq-search-wrap{width:100%;display:flex;align-items:center;gap:.75rem;border:1.5px solid #d5e2f3;border-radius:13px;padding:0 1rem;background:#fbfdff;min-height:56px;cursor:text;transition:border-color .15s,box-shadow .15s}
.mj-faq-search-wrap:focus-within{border-color:#2966bd;box-shadow:0 0 0 4px rgba(41,102,189,.10)}
.mj-faq-search-wrap svg{width:21px;height:21px;flex:0 0 auto;color:#2d69b8}
.mj-faq-page #mj-faq-search{width:100%;flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem!important;color:#142f5e;padding:.9rem 0;box-shadow:none}
.mj-faq-page #mj-faq-search::placeholder{color:#71829c;opacity:1}
.mj-faq-search-hint{font-size:.75rem;color:#8796a9;white-space:nowrap}
.mj-faq-topic-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.mj-faq-page .mj-faq-filter{border:1px solid #d9e3ef;border-radius:999px;background:#fff;color:#24446f;padding:.65rem 1rem;min-height:42px;font-size:.82rem;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.mj-faq-page .mj-faq-filter:hover{background:#edf5ff;border-color:#9ebde8}
.mj-faq-page .mj-faq-filter.is-active{background:#2459ad;border-color:#2459ad;color:#fff}
.mj-faq-page button:focus-visible,.mj-faq-page a:focus-visible{outline:3px solid #ffc632;outline-offset:3px}
.mj-faq-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:1.6rem;align-items:start}
.mj-faq-sidebar{position:sticky;top:100px}
.mj-faq-sidebar-card{background:linear-gradient(150deg,#edf5ff,#fff);border:1px solid #dbe7f7;border-radius:18px;padding:1.6rem;box-shadow:0 8px 25px rgba(32,78,152,.035)}
.mj-faq-help-icon{width:44px;height:44px;display:grid;place-items:center;background:#ffca32;color:#153c79;border-radius:13px;font-size:1.5rem;margin-bottom:1rem}
.mj-faq-sidebar-card h3{font-size:1.35rem;line-height:1.22;letter-spacing:-.03em;color:#123268;margin:0 0 .65rem}
.mj-faq-sidebar-card p{font-size:.9rem;line-height:1.65;color:#667993;margin:0}
.mj-faq-side-divider{height:1px;background:#d9e5f5;margin:1.3rem 0 .65rem}
.mj-faq-side-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-decoration:none!important;color:#1c55a3!important;font-size:.83rem;font-weight:800;padding:.7rem 0;border-radius:6px}
.mj-faq-side-link:hover{color:#123b80!important}
.mj-faq-side-link span{font-size:1.2rem}
.mj-faq-questions{min-width:0}
.mj-faq-results-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin:.45rem 0 1.3rem}
.mj-faq-results-bar h2{font-size:1.5rem;letter-spacing:-.025em;line-height:1.2;color:#10336b;margin:0}
.mj-faq-visible-count{font-size:.8rem;color:#617592;white-space:nowrap}
.mj-faq-topic-section{margin:0 0 1.5rem}
.mj-faq-topic-header{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem}
.mj-faq-topic-icon{width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#e2efff;color:#235dab;display:grid;place-items:center;font-size:1.45rem;font-weight:800}
.mj-faq-topic-header h3{font-size:1.12rem;line-height:1.2;letter-spacing:-.01em;margin:0;color:#0e3267}
.mj-faq-topic-header p{font-size:.8rem;color:#718099;margin:.2rem 0 0}
.mj-faq-topic-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}
.mj-faq-page .mj-faq-card{border:1px solid #dae5f2;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(12,52,107,.025);overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}
.mj-faq-page .mj-faq-card:hover{border-color:#b1cbec;box-shadow:0 7px 19px rgba(25,78,160,.065)}
.mj-faq-page .mj-faq-card.open{border-color:#87b3ea;box-shadow:0 7px 20px rgba(19,77,166,.075)}
.mj-faq-page .mj-faq-card .faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border:0;background:#fff!important;color:#173763!important;font-size:.87rem!important;font-weight:750;line-height:1.5;text-align:left;min-height:76px;padding:1.05rem 1.1rem!important;cursor:pointer}
.mj-faq-page .mj-faq-card .faq-q:hover{background:#f7fbff!important}
.mj-faq-page .mj-faq-card.open .faq-q{color:#1354ac!important;background:#f7fbff!important}
.mj-faq-page .mj-faq-question-label{min-width:0;flex:1}
.mj-faq-page .mj-faq-chevron{width:28px;height:28px;flex:0 0 28px;border:1px solid #e0e9f5;border-radius:50%;background:#f2f7fd;display:grid;place-items:center;color:#285eaf}
.mj-faq-page .mj-faq-chevron svg{width:15px;height:15px;color:inherit!important;transition:transform .2s}
.mj-faq-page .mj-faq-card.open .mj-faq-chevron{background:#e0efff;border-color:#a9c9ee}
.mj-faq-page .mj-faq-card.open .mj-faq-chevron svg{transform:rotate(180deg)}
.mj-faq-page .mj-faq-card .faq-a{padding:.05rem 1.1rem 1.2rem!important;background:#fff;color:#506481;font-size:.87rem!important;line-height:1.75;border-top:0;overflow-wrap:anywhere}
.mj-faq-page .mj-faq-card .faq-a::before{content:"";display:block;background:#e7eef8;height:1px;margin:0 0 .8rem}
.mj-faq-page [hidden]{display:none!important}
.mj-faq-empty{text-align:center;border:1px dashed #bacfe9;background:#fff;border-radius:18px;padding:2.5rem 1rem}
.mj-faq-empty-icon{font-size:2.5rem;color:#427dc5}.mj-faq-empty h3{margin:.4rem 0;font-size:1.15rem}.mj-faq-empty p{color:#647691;font-size:.9rem}
.mj-faq-page .mj-faq-reset{background:#1d57ab;border:0;color:#fff;border-radius:9px;padding:.8rem 1.2rem;cursor:pointer;font-weight:750}
.mj-faq-cta{margin-top:1.4rem;border-radius:20px;padding:1.8rem 2.1rem;background:linear-gradient(110deg,#123b80,#1e5cad);box-shadow:0 10px 22px rgba(21,63,137,.12);display:flex;gap:1.5rem;justify-content:space-between;align-items:center;color:#fff}
.mj-faq-cta-eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#ffca32}
.mj-faq-cta h2{font-size:1.65rem;line-height:1.2;margin:.45rem 0 .4rem;color:#fff}
.mj-faq-cta p{font-size:.9rem;line-height:1.55;margin:0;color:#e0edff}
.mj-faq-cta-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;flex-shrink:0}
.mj-faq-cta-actions .btn{border-radius:11px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}
.mj-faq-page .mj-faq-contact-btn{border:1px solid rgba(255,255,255,.68)!important;color:#fff!important;background:transparent!important}
.mj-faq-page .mj-faq-contact-btn:hover{background:rgba(255,255,255,.12)!important}
@media(max-width:1100px){.mj-faq-topic-items{grid-template-columns:1fr}.mj-faq-page .mj-faq-card .faq-q{min-height:58px}}
@media(max-width:800px){.mj-faq-layout{grid-template-columns:minmax(0,1fr)}.mj-faq-sidebar{position:static;order:2}.mj-faq-sidebar-card{display:none}.mj-faq-questions{order:1}.mj-faq-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.mj-faq-page .mj-faq-hero{padding:2.3rem 0!important}.mj-faq-hero-art{display:none}.mj-faq-content{padding:1rem 0 2rem}.mj-faq-search-panel{padding:1.2rem;border-radius:15px;margin-bottom:1.2rem}.mj-faq-search-count,.mj-faq-search-hint{display:none}.mj-faq-search-heading{margin-bottom:1rem}.mj-faq-search-heading h2{font-size:1.4rem}.mj-faq-topic-pills{gap:.45rem}.mj-faq-page .mj-faq-filter{padding:.55rem .8rem;font-size:.78rem}.mj-faq-results-bar{align-items:flex-start}.mj-faq-results-bar h2{font-size:1.3rem}.mj-faq-visible-count{font-size:.72rem}.mj-faq-topic-section{margin-bottom:1.25rem}.mj-faq-page .mj-faq-card .faq-q{padding:1rem!important;font-size:.88rem!important}.mj-faq-page .mj-faq-card .faq-a{padding:0 1rem 1rem!important}.mj-faq-cta{padding:1.45rem;border-radius:16px}.mj-faq-cta h2{font-size:1.4rem}.mj-faq-cta-actions{width:100%;flex-direction:column;align-items:stretch}.mj-faq-cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.mj-faq-page *, .mj-faq-page *::before{transition:none!important}}

.mj-faq-page .mj-faq-hero .lede{text-align:left;margin-left:0;margin-right:0}
.mj-faq-page .mj-faq-hero .eyebrow{justify-content:flex-start}


/* v2.4.10 — FAQ visual balance */
.mj-faq-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
.mj-faq-sidebar-stack{display:flex;flex-direction:column;gap:1rem}
.mj-faq-visual-card{background:#fff;border:1px solid #dbe7f7;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(17,61,131,.045)}
.mj-faq-visual-media{aspect-ratio:4/4.4;background:#edf4ff;overflow:hidden}
.mj-faq-visual-media img{width:100%;height:100%;object-fit:cover;display:block}
.mj-faq-visual-copy{padding:1.15rem 1.15rem 1.25rem}
.mj-faq-visual-kicker{display:inline-flex;align-items:center;gap:.4rem;background:#edf5ff;color:#2358ab;border-radius:999px;padding:.38rem .65rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7rem}
.mj-faq-visual-copy h3{font-size:1.18rem;line-height:1.28;letter-spacing:-.02em;color:#0f3268;margin:0 0 .55rem}
.mj-faq-visual-copy p{font-size:.88rem;line-height:1.65;color:#667993;margin:0}
@media(max-width:1100px){.mj-faq-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}}
@media(max-width:800px){.mj-faq-sidebar-stack{gap:.85rem}.mj-faq-visual-card{display:block}.mj-faq-sidebar-card{display:block}.mj-faq-visual-media{aspect-ratio:16/8}} 
@media(max-width:600px){.mj-faq-visual-copy{padding:1rem}.mj-faq-visual-copy h3{font-size:1.05rem}.mj-faq-visual-kicker{font-size:.68rem}}


/* v2.4.11 — FAQ before/after visual support */
.mj-faq-beforeafter-card{background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:1rem;box-shadow:0 10px 28px rgba(17,61,131,.045)}
.mj-faq-beforeafter-head{padding:.1rem .15rem .8rem}
.mj-faq-beforeafter-kicker{display:inline-flex;align-items:center;background:#edf5ff;color:#2358ab;border-radius:999px;padding:.38rem .68rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.7rem}
.mj-faq-beforeafter-head h3{font-size:1.18rem;line-height:1.28;letter-spacing:-.02em;color:#0f3268;margin:0 0 .45rem}
.mj-faq-beforeafter-head p{font-size:.88rem;line-height:1.6;color:#667993;margin:0}
.mj-faq-beforeafter-grid{display:grid;grid-template-columns:1fr;gap:.9rem}
.mj-faq-ba-item{margin:0}
.mj-faq-ba-image-wrap{position:relative;border-radius:16px;overflow:hidden;background:#edf4ff;aspect-ratio:4/3;box-shadow:0 8px 22px rgba(19,63,130,.08)}
.mj-faq-ba-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.mj-faq-ba-badge{position:absolute;left:.75rem;top:.75rem;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:.25rem .7rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 14px rgba(7,28,69,.12)}
.mj-faq-ba-before .mj-faq-ba-badge{background:rgba(17,46,92,.92);color:#fff}
.mj-faq-ba-after .mj-faq-ba-badge{background:rgba(255,202,50,.96);color:#143464}
.mj-faq-ba-item figcaption{font-size:.82rem;line-height:1.55;color:#5f718d;margin:.55rem .15rem 0}
@media(max-width:800px){.mj-faq-beforeafter-grid{grid-template-columns:1fr 1fr}.mj-faq-ba-image-wrap{aspect-ratio:1/1.02}}
@media(max-width:600px){.mj-faq-beforeafter-card{padding:.9rem}.mj-faq-beforeafter-grid{grid-template-columns:1fr}.mj-faq-beforeafter-head h3{font-size:1.05rem}.mj-faq-beforeafter-kicker{font-size:.68rem}}


/* v2.4.12 FAQ: compact visual sidebar that remains visible as questions scroll */
@media (min-width: 801px) {
 .mj-faq-sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin;scrollbar-color:#dce8f6 transparent}
 .mj-faq-beforeafter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}
 .mj-faq-beforeafter-card{padding:.78rem}
 .mj-faq-beforeafter-head{padding:0 .15rem .6rem}
 .mj-faq-beforeafter-head h3{font-size:1.04rem;margin-bottom:.3rem}
 .mj-faq-beforeafter-head p{font-size:.78rem;line-height:1.4}
 .mj-faq-ba-image-wrap{aspect-ratio:3/4;border-radius:11px}
 .mj-faq-ba-item figcaption{font-size:.72rem;line-height:1.3;margin:.3rem .1rem 0}
 .mj-faq-sidebar-stack{gap:.65rem}
 .mj-faq-sidebar-card{padding:1rem}
 .mj-faq-sidebar-card h3{font-size:1.08rem;margin-bottom:.3rem}
 .mj-faq-sidebar-card p{font-size:.78rem;line-height:1.4}
 .mj-faq-help-icon{width:32px;height:32px;font-size:1rem;margin-bottom:.55rem}
 .mj-faq-side-divider{margin:.65rem 0 .2rem}
 .mj-faq-side-link{padding:.4rem 0}
}
@media(max-width:800px){
 .mj-faq-sidebar{order:2;position:static;max-height:none;overflow:visible}
 .mj-faq-beforeafter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mj-faq-beforeafter-card{max-width:100%}
 .mj-faq-ba-image-wrap{aspect-ratio:4/3}
}
@media(max-width:600px){.mj-faq-beforeafter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-faq-ba-image-wrap{aspect-ratio:3/4}}
