/* Masarat navigation — robust iPhone/PWA layer. */
.ms-nav-trigger{position:relative;z-index:10003;display:inline-grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;margin-inline-start:auto;border:1px solid #a08754;border-radius:13px;background:#191c19;color:#efd390;font-size:25px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.ms-nav-trigger>span{pointer-events:none}.ms-nav-floating{position:fixed;top:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right));z-index:10003}.ms-nav-layer{position:fixed;inset:0;z-index:10002;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease}.ms-nav-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.ms-nav-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.ms-nav-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(88vw,390px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(18px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:#151915;color:#f7f2e7;box-shadow:0 0 60px #0007;line-height:1.5;text-align:start;transform:translateX(-10px);transition:transform .18s ease}.ms-nav-layer.is-open .ms-nav-panel{transform:translateX(0)}[dir="rtl"] .ms-nav-panel{transform:translateX(-10px)}[dir="rtl"] .ms-nav-layer.is-open .ms-nav-panel{transform:translateX(0)}body.ms-nav-open{overflow:hidden!important;touch-action:none}body.ms-nav-open .ms-nav-panel{touch-action:pan-y}.ms-nav-head{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #d9bb7033}.ms-nav-head b{display:block;font-size:26px;color:#ebc879}.ms-nav-head small{display:block;color:#bcbcae;font-size:12px}.ms-nav-close{margin-inline-start:auto;flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:#ffffff08;color:#f7f2e7;border:1px solid #d9bb7044;border-radius:50%;font-size:28px;cursor:pointer;touch-action:manipulation}.ms-nav-panel nav h2{font-size:12px;letter-spacing:.04em;color:#c6ad74;margin:22px 10px 8px}.ms-nav-panel nav a{display:flex;align-items:center;gap:13px;min-height:52px;box-sizing:border-box;padding:11px 10px;border-radius:12px;color:#f1eee6;text-decoration:none;font-size:16px;font-weight:500;touch-action:manipulation}.ms-nav-panel nav a svg{width:23px;height:23px;flex:0 0 23px;color:#d2b777}.ms-nav-panel nav a:hover,.ms-nav-panel nav a:focus-visible,.ms-nav-panel nav a[aria-current]{background:#d3b66d18;color:#f6d992}.ms-nav-arrow{margin-inline-start:auto;color:#acaa9a}.ms-nav-language{margin-top:14px;border-top:1px solid #d9bb7022}.ms-nav-panel button:focus-visible,.ms-nav-panel a:focus-visible{outline:2px solid #e5c572;outline-offset:2px}.ms-nav-actions{display:grid;gap:10px;margin-top:18px}.ms-nav-actions button,.ms-nav-actions a{display:block;text-align:center;padding:12px;border:1px solid #c8a75f;border-radius:12px;font:inherit;text-decoration:none;background:#24271f;color:#eed392;cursor:pointer}.ms-path-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:#8b806b}.ms-path-strip a{color:#806a3e;text-decoration:none}.ms-path-strip b{font-weight:700;color:#4c4c42}.ms-path-strip span{color:#aaa08c}@media(max-width:600px){.ms-path-strip{font-size:11px;margin-bottom:9px}}
/* Approved Masarat header lockup */
.brand.ms-brand-approved{gap:10px;min-width:0;direction:rtl}.ms-brand-approved-mark{width:44px;height:44px;flex:0 0 44px;border-radius:11px;display:block;object-fit:cover;object-position:center}.ms-brand-approved-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1}.ms-brand-approved-word{display:block;width:112px;max-width:34vw;height:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 0 4px rgba(219,169,73,.18))}.ms-brand-approved-copy small{display:block;margin-top:2px;color:#bbb;font-size:10px;line-height:1.35;white-space:nowrap;max-width:min(62vw,420px);overflow:hidden;text-overflow:ellipsis}.ms-brand-approved-en{font-size:19px!important;letter-spacing:.13em;color:#e8c46f!important}@media(max-width:600px){.ms-brand-approved-mark{width:42px;height:42px;flex-basis:42px}.ms-brand-approved-word{width:98px}.ms-brand-approved-copy small{font-size:9px;max-width:55vw}.brand.ms-brand-approved{gap:8px}body:not(.masarat-home-v15)>.top{position:relative!important;top:auto!important}}
/* The image homepage uses a transparent hotspot over the drawn menu icon. */
.masarat-home-v15 #m15-menu-btn.ms-nav-trigger{position:absolute!important;left:2.7%!important;top:1.1%!important;width:8.2%!important;height:6.2%!important;min-width:44px!important;min-height:44px!important;margin:0!important;border:0!important;background:transparent!important;color:transparent!important;box-shadow:none!important;z-index:50!important}
@media print{.ms-nav-layer,.ms-nav-trigger{display:none!important}}

.ms-nav-trigger,.ms-nav-layer{display:none!important}

/* === Masarat native navigation: no-JS core navigation === */
.ms-native-menu{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:2147483000;margin:0}
.ms-native-menu>summary{list-style:none;display:grid;place-items:center;width:48px;height:48px;box-sizing:border-box;border:1px solid #9f8755;border-radius:13px;background:#171a17;color:#efd390;font-size:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 18px rgba(0,0,0,.22)}
.ms-native-menu>summary::-webkit-details-marker{display:none}.ms-native-menu>summary::before{content:'☰';font-size:25px;line-height:1}
.ms-native-menu[open]>summary::before{content:'×';font-size:31px}
.ms-native-panel{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 58px);left:max(10px,env(safe-area-inset-left));width:min(86vw,360px);max-height:calc(100dvh - 86px);overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:14px;background:#151915;color:#f7f2e7;border:1px solid #5b5139;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.55);text-align:start}
.ms-native-panel .ms-native-title{display:flex;align-items:center;gap:10px;padding:4px 5px 12px;border-bottom:1px solid #d9bb7033}.ms-native-panel .ms-native-title img{width:42px;height:42px;border-radius:10px}.ms-native-panel .ms-native-title b{display:block;color:#e8c46f;font-size:19px}.ms-native-panel .ms-native-title small{display:block;color:#bdb8ab;font-size:11px}.ms-native-panel nav{display:grid;gap:2px;padding:10px 0}.ms-native-panel a{display:flex;align-items:center;min-height:48px;padding:8px 10px;border-radius:11px;color:#f4f0e7;text-decoration:none;font-weight:600;font-size:15px;box-sizing:border-box}.ms-native-panel a:hover,.ms-native-panel a:focus{background:#d3b66d18;color:#f6d992;outline:none}.ms-native-panel a.ms-native-home{background:#d3b66d16;color:#f6d992}.ms-native-panel .ms-native-divider{height:1px;background:#d9bb7026;margin:4px 8px}.ms-native-panel .ms-native-secondary{font-weight:500;color:#d5d1c8}
@media(max-width:600px){body:not(.masarat-home-v15)>.top .nav{padding-left:66px!important}.ms-native-panel{width:min(90vw,350px)}}
.masarat-home-v15 .ms-native-menu{position:absolute;top:1.1%;left:2.7%;z-index:90}.masarat-home-v15 .ms-native-menu>summary{width:max(44px,8.2vw);height:max(44px,6.2vw);border:0;background:transparent;color:transparent;box-shadow:none}.masarat-home-v15 .ms-native-menu>summary::before{color:transparent}.masarat-home-v15 .ms-native-panel{top:max(74px,calc(env(safe-area-inset-top) + 62px));left:max(10px,env(safe-area-inset-left))}.masarat-home-v15 .m15-menu-hotspot,.masarat-home-v15 .m15-menu{display:none!important}
@media print{.ms-native-menu{display:none!important}}


/* === Masarat stable pathway navigation v2 === */
.ms-native-menu>summary{position:relative;display:flex!important;align-items:center;justify-content:center;pointer-events:auto!important;-webkit-user-select:none;user-select:none}
.ms-native-menu>summary::before{content:none!important}
.ms-menu-open-icon,.ms-menu-close-icon{display:block;font-size:25px;line-height:1;pointer-events:none}
.ms-menu-close-icon{display:none;font-size:31px}
.ms-native-menu[open]>summary .ms-menu-open-icon{display:none}.ms-native-menu[open]>summary .ms-menu-close-icon{display:block}
.ms-menu-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ms-native-panel .ms-native-title.ms-native-brand{display:flex;align-items:center;gap:10px;padding:4px 5px 12px;border-bottom:1px solid #d9bb7033;text-decoration:none;color:inherit;min-height:54px;box-sizing:border-box}
.ms-native-panel .ms-native-title.ms-native-brand:active{background:#d3b66d12;border-radius:10px}
.ms-pathway-backbar{max-width:1180px;margin:10px auto 0;padding:0 18px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start}
[dir="rtl"] .ms-pathway-backbar{justify-content:flex-end}
.ms-pathway-back{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:44px;padding:8px 14px;box-sizing:border-box;border:1px solid #9f8755;border-radius:12px;background:#171a17;color:#efd390!important;text-decoration:none!important;font-weight:700;font-size:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ms-pathway-back:active{transform:translateY(1px);background:#22261f}
@media(max-width:600px){.ms-pathway-backbar{margin-top:7px;padding:0 14px}.ms-pathway-back{min-width:88px;min-height:46px;font-size:14px}}
@media print{.ms-pathway-backbar{display:none!important}}


/* === Masarat canonical brand system v1: one visual identity everywhere === */
.brand.ms-brand-approved{display:flex!important;align-items:center!important;gap:10px!important;min-width:0;direction:rtl;text-decoration:none!important}
.brand.ms-brand-approved .ms-brand-approved-mark{width:46px!important;height:46px!important;flex:0 0 46px!important;border:0!important;border-radius:12px!important;display:block!important;object-fit:cover!important;object-position:center!important;background:#171714!important;box-shadow:0 0 0 1px rgba(218,181,99,.42)}
.brand.ms-brand-approved .ms-brand-approved-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;line-height:1!important}
.brand.ms-brand-approved .ms-brand-approved-word{display:block!important;width:104px!important;max-width:30vw!important;height:auto!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 4px rgba(219,169,73,.15))}
.brand.ms-brand-approved .ms-brand-approved-copy small{display:block!important;margin-top:3px!important;color:#c6c1b7!important;font-size:9.5px!important;line-height:1.35!important;white-space:nowrap!important;max-width:min(58vw,430px)!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important}
html[lang="en"] .brand.ms-brand-approved .ms-brand-approved-copy small{direction:ltr;text-align:left}

.ms-native-panel .ms-native-title.ms-native-brand{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;text-decoration:none!important;color:inherit!important}
.ms-native-panel .ms-native-brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:11px!important;display:block!important;object-fit:cover!important;box-shadow:0 0 0 1px rgba(218,181,99,.42)}
.ms-native-panel .ms-native-brand-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;line-height:1!important}
.ms-native-panel .ms-native-brand-wordmark{display:block!important;width:96px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 3px rgba(219,169,73,.15))}
.ms-native-panel .ms-native-brand-copy small{display:block!important;margin-top:3px!important;color:#bdb8ab!important;font-size:10.5px!important;line-height:1.35!important;white-space:nowrap!important}
html[lang="en"] .ms-native-panel .ms-native-brand-copy small{direction:ltr;text-align:left}

/* remove legacy MS/text marks wherever a canonical brand is present */
.brand.ms-brand-approved>.mark,.brand.ms-brand-approved .masarat-brand-name{display:none!important}

@media(max-width:600px){
  .brand.ms-brand-approved .ms-brand-approved-mark{width:44px!important;height:44px!important;flex-basis:44px!important}
  .brand.ms-brand-approved .ms-brand-approved-word{width:98px!important;max-width:32vw!important}
  .brand.ms-brand-approved .ms-brand-approved-copy small{font-size:9px!important;max-width:52vw!important}
}


/* === Masarat restored menu actions + outside-close support === */
.ms-native-actions{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 0 2px;border-top:1px solid #d9bb7026}
.ms-native-actions button,.ms-native-actions a{width:100%;min-height:46px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #a08754;border-radius:11px;background:#20231e;color:#efd390!important;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ms-native-actions button:active,.ms-native-actions a:active{background:#292d26}

/* === Masarat Arabic menu panel side lock v1 ===
   Preserve the approved header/menu-button artwork. Only the opened panel side changes. */
html[lang="ar"] .ms-native-panel{
  right:max(10px,env(safe-area-inset-right))!important;
  left:auto!important;
  direction:rtl!important;
  text-align:right!important;
}
html[lang="ar"] .masarat-home-v15 .ms-native-panel{
  right:max(10px,env(safe-area-inset-right))!important;
  left:auto!important;
}
html[lang="en"] .ms-native-panel{
  left:max(10px,env(safe-area-inset-left))!important;
  right:auto!important;
  direction:ltr!important;
  text-align:left!important;
}