@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@600;700&display=swap');

/* Container units preserve the source 390px composition inside the article's narrower phone viewport. */
.mb5-category-page{container-type:inline-size;width:100%;min-width:0;--cp-bg:#fff;--cp-text:#10151c;--cp-soft:#f4f4f2;--cp-muted:#596167;--cp-line:#dfe2e0;background:var(--cp-bg);color:var(--cp-text)}
.mb5-category-page--shariah{--cp-bg:#02160e;--cp-text:#fff;--cp-soft:#162d23;--cp-muted:#c3d1c9;--cp-line:#ffffff26}
.mb5-category-page--premier{--cp-bg:#000;--cp-text:#fff;--cp-soft:#181818;--cp-muted:#c9c9c9;--cp-line:#ffffff26}
.mb5-category-page--business{--cp-bg:#05142d;--cp-text:#fff;--cp-soft:#14253e;--cp-muted:#c4cede;--cp-line:#ffffff26}
.mb5-category-page--personal{--cp-bg:#1d1403;--cp-text:#fff;--cp-soft:#332a18;--cp-muted:#d8d0c3;--cp-line:#ffffff26}
.mb5-category-page .mb5-category-inner{font:400 4.10256cqw/1.43 Inter,sans-serif;letter-spacing:0;color:var(--cp-text);text-align:left}
.mb5-category-page *{box-sizing:border-box}
.mb5-category-page img{display:block;max-width:100%;height:auto}
.mb5-category-page .mb5-cp-status{position:sticky;top:0;z-index:5;background:var(--cp-bg);height:2.75em;display:flex;align-items:center;justify-content:space-between;padding:0 1.1em 0 1.65em;font-weight:600}
.mb5-category-page .mb5-cp-status span{font-size:.9375em;color:var(--cp-text)}
.mb5-category-page .mb5-cp-status img{width:4.1663em;height:.7085em;object-fit:contain}
.mb5-category-page--general .mb5-cp-status img{filter:invert(1)}
.mb5-category-page .mb5-cp-header{height:4.5em;padding:.75em 1em;display:flex;align-items:center;justify-content:space-between;gap:1em}
.mb5-category-page .mb5-cp-logo{display:block;position:relative;width:3em;height:3em;flex:none}
.mb5-category-page .mb5-cp-logo img:first-child{width:3em;height:3em}
.mb5-category-page .mb5-cp-logo img:last-child{position:absolute;width:2.792em;height:2.792em;top:.09em;left:.09em}
.mb5-category-page .mb5-cp-search{display:flex;align-items:center;justify-content:flex-start;gap:.1em;width:11.125em;height:3em;padding:.25em .5em;background:#fff;border-radius:6em;color:#111;box-shadow:-.15em .1em .45em #4ba5af88,.15em -.1em .45em #ffbba577;font-size:1em;white-space:nowrap}
.mb5-category-page .mb5-cp-search-mark{position:relative;width:2.5em;height:2.5em;flex:none}
.mb5-category-page .mb5-cp-search-mark img{position:absolute;left:.4em;top:.4em;width:1.55em;height:1.65em;object-fit:contain}
.mb5-category-page .mb5-cp-menu{width:2.5em;height:2.5em;flex:none;display:grid;place-items:center}
.mb5-category-page .mb5-cp-menu img{width:2.5em;height:2.5em;object-fit:contain}
.mb5-category-page .mb5-cp-content{display:block;padding:1em 1em 0;margin:0;width:100%;background:transparent}
.mb5-category-page .mb5-cp-hero{position:relative;isolation:isolate;height:30.875em;border-radius:1.25em;overflow:hidden;background:#777}
.mb5-category-page .mb5-cp-hero-image{position:absolute;max-width:none;object-fit:cover}
.mb5-category-page--shariah .mb5-cp-hero-image{width:32em;height:48em;left:calc(50% - 1.40625em);bottom:-8.9375em;transform:translateX(-50%)}
.mb5-category-page--premier .mb5-cp-hero-image{width:29.3125em;height:41.625em;left:-1.375em;top:-9.8125em}
.mb5-category-page--business .mb5-cp-hero-image{width:48.8125em;height:33.4375em;left:-15.0625em;top:-1.5em}
.mb5-category-page--personal .mb5-cp-hero-image{width:45.0625em;height:30.875em;left:-10em;top:0}
.mb5-category-page .mb5-cp-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#0000000a 38%,#202020aa 79%,#555e 100%)}
.mb5-category-page .mb5-cp-hero-copy{position:absolute;left:1.5em;right:1.5em;bottom:2em;color:white}
.mb5-category-page .mb5-cp-hero-copy h2{margin:0 0 .2em;font:700 2.5em/1.08 'Fira Sans',sans-serif;letter-spacing:-.015em;color:white}
.mb5-category-page--premier .mb5-cp-hero-copy h2{font-size:2.25em}
.mb5-category-page .mb5-cp-hero-copy p{margin:0;font:500 1em/1.43 Inter,sans-serif;color:white}
.mb5-category-page--general .mb5-cp-content{padding:.8125em 1.4375em 0}
.mb5-category-page--general .mb5-cp-hero{height:33.4375em}
.mb5-category-page--general .mb5-cp-hero-image{width:42.875em;height:33.5em;left:-7.5em;top:-.0625em}
.mb5-category-page--general .mb5-cp-hero-shade{background:#0007}
.mb5-category-page--general .mb5-cp-hero-copy{left:1.375em;right:1.25em;top:10em;bottom:auto}
.mb5-category-page--general .mb5-cp-hero-copy h2{font-size:2.75em;max-width:5.6em;margin-bottom:.36em}
.mb5-category-page--general .mb5-cp-hero-copy p{max-width:15.94em}
.mb5-category-page .mb5-cp-cta{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.9em 1.5em;min-height:3.6em;background:#ffbc00;border-radius:4em;color:#101010;font-size:.875em;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:.035em}
.mb5-category-page .mb5-cp-hero-copy .mb5-cp-cta{margin-top:2.2857em;width:20.64em;max-width:calc(100% + 1em)}
.mb5-category-page .mb5-cp-cta>span{display:grid;place-items:center;width:1.9em;height:1.9em;background:#111;color:#ffbc00;border-radius:50%;font-size:1.25em}
.mb5-category-page .mb5-cp-story{display:flex;align-items:center;gap:1em;margin-top:2.5em;min-height:6.4375em;padding:1em;background:linear-gradient(135deg,#ffffff14,#ffffff0b);border:1px solid #ffffff30;border-radius:1.25em;box-shadow:inset 0 0 1.4em #ffffff10}
.mb5-category-page .mb5-cp-story-image{width:4.4375em;height:4.4375em;object-fit:cover;border-radius:1.25em;flex:none}
.mb5-category-page--premier .mb5-cp-story-image{object-position:center;background:#111}
.mb5-category-page--personal .mb5-cp-story-image{object-position:12% center}
.mb5-category-page .mb5-cp-story>div{flex:1;min-width:0}
.mb5-category-page .mb5-cp-story strong{display:block;font-size:.875em;font-weight:600;line-height:1.43;color:white}
.mb5-category-page .mb5-cp-story small{display:block;margin-bottom:.35em;font-size:.625em;text-transform:uppercase;letter-spacing:.1em;color:white}
.mb5-category-page .mb5-cp-story--return .mb5-cp-story-image{border-radius:50%}
.mb5-category-page .mb5-cp-story--return strong{font:600 1.25em/1.2 'Fira Sans',sans-serif}
.mb5-category-page .mb5-cp-story-arrow{font-size:1.5em;color:white}
.mb5-category-page .mb5-cp-story .mb5-cp-play{width:2.3125em;height:2.3125em;flex:none}
.mb5-category-page .mb5-cp-section{padding:2.5em 0 0;margin:0}
.mb5-category-page .mb5-cp-section h3{font:700 1.75em/1.12 'Fira Sans',sans-serif;letter-spacing:-.015em;color:var(--cp-text);margin:0 0 .7em}
.mb5-category-page .mb5-cp-section h4{font:600 1em/1.3 Inter,sans-serif;color:var(--cp-text);margin:0 0 .3em;letter-spacing:0}
.mb5-category-page .mb5-cp-section p{margin:0;color:var(--cp-muted);font:400 .875em/1.5 Inter,sans-serif;letter-spacing:0}
.mb5-category-page .mb5-cp-quick>small{display:block;margin:0 0 .8em;font-size:.875em;font-weight:600;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--cp-text)}
.mb5-category-page .mb5-cp-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.5em 1em;margin-top:1.5em}
.mb5-category-page .mb5-cp-actions>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8em}
.mb5-category-page .mb5-cp-actions img{width:6.875em;height:6.875em;object-fit:cover;border-radius:50%;border:.2em solid #ffe18d}
.mb5-category-page .mb5-cp-actions strong{font-size:.875em;line-height:1.3;font-weight:500;color:var(--cp-text)}
.mb5-category-page .mb5-cp-paths{display:grid;gap:.75em;margin-top:1.5em}
.mb5-category-page .mb5-cp-paths article{display:flex;align-items:center;gap:.9em;padding:.75em;border:1px solid var(--cp-line);border-radius:1em;background:var(--cp-soft)}
.mb5-category-page .mb5-cp-paths img{width:4.25em;height:5em;object-fit:cover;border-radius:.65em}
.mb5-category-page .mb5-cp-paths article>div{flex:1;min-width:0}
.mb5-category-page .mb5-cp-paths article>span{font-size:1.5em}
.mb5-category-page .mb5-cp-principles{display:grid;grid-template-columns:1fr 1fr;gap:.75em}
.mb5-category-page .mb5-cp-principles article{padding:1em .8em;background:var(--cp-soft);border:1px solid #ffbc0033;border-radius:1em}
.mb5-category-page .mb5-cp-principles img{width:2.75em;height:2.75em;margin-bottom:1em}
.mb5-category-page .mb5-cp-principles h4{font-size:1.05em}
.mb5-category-page .mb5-cp-principles p{font-size:.75em}
.mb5-category-page .mb5-cp-product{display:flex;align-items:center;gap:1em;padding:1.2em 0;border-bottom:1px solid var(--cp-line)}
.mb5-category-page .mb5-cp-product>img{width:5.25em;height:3.5em;object-fit:contain;flex:none;border-radius:.4em}
.mb5-category-page .mb5-cp-product>div{flex:1;min-width:0}
.mb5-category-page .mb5-cp-product>span{font-size:1.6em;flex:none}
.mb5-category-page .mb5-cp-text-action{display:block;margin-top:1.4em;color:var(--cp-text);font-size:.8125em;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:.3em}
.mb5-category-page .mb5-cp-service-list{display:grid;gap:0;border-top:1px solid var(--cp-line)}
.mb5-category-page .mb5-cp-service-list article{display:flex;gap:1em;padding:1.5em 0;border-bottom:1px solid var(--cp-line)}
.mb5-category-page .mb5-cp-service-index{color:#ffbc00;font-size:.75em;line-height:1.7}
.mb5-category-page .mb5-cp-service-list h4{font-size:1.125em}
.mb5-category-page .mb5-cp-editorial>img{width:100%;height:12.5em;object-fit:cover;border-radius:1.1em;margin-bottom:1.25em}
.mb5-category-page .mb5-cp-editorial h3{font-size:1.5em}
.mb5-category-page .mb5-cp-next{margin-top:2.5em;padding:1.5em;border:1px solid var(--cp-line);border-radius:1.25em;background:var(--cp-soft)}
.mb5-category-page .mb5-cp-next h3{font-size:1.5em}
.mb5-category-page .mb5-cp-next .mb5-cp-cta{margin-top:1.5em;justify-content:center}
.mb5-category-page .mb5-cp-help>div{display:flex;align-items:center;justify-content:space-between;padding:1.15em 0;border-bottom:1px solid var(--cp-line);font-size:.875em}
.mb5-category-page .mb5-cp-footer{margin:2.5em -1em 0;padding:2em 1em 3em;border-top:1px solid var(--cp-line);color:var(--cp-text)}
.mb5-category-page .mb5-cp-footer>strong{display:block;font:700 2em/1.1 'Fira Sans',sans-serif;margin-bottom:1.5em}
.mb5-category-page .mb5-cp-footer>span{display:block;font-size:1em;font-weight:600}
.mb5-category-page .mb5-cp-footer>p{margin:1em 0 0;font:400 .75em/1.5 Inter,sans-serif;color:var(--cp-muted)}