/* Zayt w Mouneh — canonical storefront shell Loaded last. Keep header/menu ownership here instead of appending new override generations. Stacking contract: 6000 header chrome 6100 menu backdrop 6200 navigation panel 6300 small header popovers (notifications) 7000/7010 drawer backdrop/drawer (rewards and commerce drawers) 8000 modal layer (returns/product-style blocking dialogs) */ :root{ --zwm-layer-header:6000; --zwm-layer-menu-backdrop:6100; --zwm-layer-menu:6200; --zwm-layer-popover:6300; --zwm-layer-drawer-backdrop:7000; --zwm-layer-drawer:7010; --zwm-layer-modal:8000; } .site-header{position:sticky!important;top:0!important;z-index:var(--zwm-layer-header)!important;overflow:visible!important;background:#fbf8f1!important;border-bottom:1px solid #e3dacb!important;box-shadow:none!important} .site-header .nav{width:min(100% - 32px,1420px)!important;height:80px!important;min-height:80px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;overflow:visible!important;border:0!important} .site-header .nav>.nav-toggle{order:0!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:46px!important;height:46px!important;padding:0 12px!important;margin:0!important;border:1px solid #ded4c5!important;border-radius:999px!important;background:#fffdf8!important;color:#0b4b25!important;box-shadow:none!important;pointer-events:auto!important} .site-header .nav-toggle .menu-label{display:inline-block!important;color:#0b4b25!important;font:800 .7rem/1 "DM Sans",sans-serif!important;white-space:nowrap!important} .site-header .nav-toggle .menu-icon{display:grid!important;width:18px!important;height:16px!important;align-content:center!important;gap:5px!important} .site-header .nav-toggle .menu-icon i{display:block!important;width:18px!important;height:1.6px!important;margin:0!important;border:0!important;border-radius:99px!important;background:#0b4b25!important} .site-header .nav>.brand{order:1!important;display:flex!important;flex:0 1 auto!important;min-width:0!important;max-width:340px!important;align-items:center!important;gap:10px!important;margin:0!important;color:#0b4b25!important;text-decoration:none!important} .site-header .nav .brand-logo{width:46px!important;height:46px!important;flex:0 0 46px!important;border:1px solid #d8c58b!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,52,35,.055)!important;overflow:hidden!important} .site-header .nav .brand-logo img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important} .site-header .nav .brand-wordmark{display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#0b4b25!important;font-family:"DM Serif Display",Georgia,serif!important;font-size:1.52rem!important;line-height:1!important} .site-header .nav>.nav-actions{order:3!important;margin-inline-start:auto!important;min-width:max-content!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;direction:ltr!important;overflow:visible!important} html[dir="rtl"] .site-header .nav>.nav-actions{direction:rtl!important} .site-header .nav-actions>a,.site-header .nav-actions>button,.site-header .language-switch button{-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation!important} .site-header .nav-search{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;border:1px solid #ddd4c7!important;border-radius:50%!important;background:#fffdf8!important;color:#0b4b25!important} .site-header .nav-search svg{width:19px!important;height:19px!important}.site-header .nav-instagram{display:none!important} .site-header #languageSwitch,.site-header .language-switch{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;flex:0 0 auto!important;height:44px!important;min-height:44px!important;padding:3px!important;gap:2px!important;border:1px solid #ddd3c3!important;border-radius:999px!important;background:#eee7dc!important;box-shadow:none!important} .site-header #languageSwitch button,.site-header .language-switch button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:42px!important;height:36px!important;min-height:36px!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#55705f!important;font:800 .68rem/1 "DM Sans",sans-serif!important} .site-header #languageSwitch button.is-active,.site-header .language-switch button.is-active{background:#fff!important;color:#0b4b25!important;box-shadow:0 2px 7px rgba(33,49,35,.07)!important} .site-header #mounehRewardsButton.mouneh-points-nav{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:62px!important;height:44px!important;min-height:44px!important;padding:0 11px!important;gap:6px!important;border:1px solid #d7dfd2!important;border-radius:999px!important;background:#f1f6ee!important;color:#174b2a!important;box-shadow:none!important} .site-header #mounehRewardsButton .mr-nav-leaf{font-size:18px!important;line-height:1!important}.site-header #mounehRewardsButton .mr-nav-copy{display:none!important}.site-header #mounehRewardsButton #mounehPointsBadge{font:900 12px/1 "DM Sans",sans-serif!important;color:#174b2a!important} .site-header #mounehAccountButton.mouneh-account-nav{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:102px!important;height:44px!important;min-height:44px!important;padding:0 12px!important;gap:8px!important;border:1px solid #ddd4c7!important;border-radius:999px!important;background:#fffdf8!important;color:#0b4b25!important;text-decoration:none!important;box-shadow:none!important;font:800 .72rem/1 "DM Sans",sans-serif!important} .site-header #mounehAccountButton .mr-account-nav-avatar{position:relative!important;display:grid!important;place-items:center!important;width:27px!important;height:27px!important;min-width:27px!important;border-radius:50%!important;background:#174b2a!important;color:#fff!important;font:900 10px/1 "DM Sans",sans-serif!important} .site-header #mounehAccountButton .mr-account-nav-avatar.is-guest{font-size:0!important}.site-header #mounehAccountButton .mr-account-nav-avatar.is-guest:before{content:""!important;position:absolute!important;top:5px!important;left:8px!important;width:9px!important;height:9px!important;border:1.6px solid #fff!important;border-radius:50%!important;box-sizing:border-box!important}.site-header #mounehAccountButton .mr-account-nav-avatar.is-guest:after{content:""!important;position:absolute!important;left:6px!important;bottom:5px!important;width:13px!important;height:7px!important;border:1.6px solid #fff!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;box-sizing:border-box!important} .site-header #mounehAccountButton .mr-account-nav-copy{display:inline!important;max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .site-header #cartButton.cart-button{position:relative!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:130px!important;height:44px!important;min-height:44px!important;padding:0 10px 0 13px!important;gap:8px!important;border:1px solid #ddd4c7!important;border-radius:999px!important;background:#fffdf8!important;color:#0b4b25!important;box-shadow:none!important;font-size:.84rem!important} .site-header #cartButton svg{width:18px!important;height:18px!important}.site-header #cartButton .cart-count{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;min-width:23px!important;border-radius:50%!important;background:#d9a90f!important;color:#17381f!important;font-size:.62rem!important;font-weight:900!important} /* One positioning model. Runtime updates --zwm-menu-top from the real sticky-header bottom. */ .site-header .nav>#navLinks,#navLinks.is-mobile-portal{position:fixed!important;z-index:var(--zwm-layer-menu)!important;top:calc(var(--zwm-menu-top,116px) + 10px)!important;left:max(16px,calc((100vw - min(1420px,calc(100vw - 32px)))/2))!important;right:auto!important;width:min(420px,calc(100vw - 32px))!important;max-width:420px!important;max-height:min(680px,calc(100dvh - var(--zwm-menu-top,116px) - 26px))!important;margin:0!important;padding:14px!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:7px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid rgba(15,74,32,.13)!important;border-radius:22px!important;background:#fffaf1!important;color:#0b4b25!important;box-shadow:0 28px 78px rgba(5,38,17,.24),0 2px 10px rgba(5,38,17,.08)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;scrollbar-width:thin;scrollbar-color:#b9ac97 transparent} .site-header .nav>#navLinks.is-open,#navLinks.is-mobile-portal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important} .site-header .nav>#navLinks:not(.is-open),#navLinks.is-mobile-portal:not(.is-open){display:none!important}#navLinks:not(.is-open),#navLinks:not(.is-open) *{visibility:hidden!important;pointer-events:none!important} body.menu-open{overflow:hidden!important;touch-action:none}body.menu-open:after{content:""!important;position:fixed!important;inset:0!important;z-index:var(--zwm-layer-menu-backdrop)!important;background:rgba(4,23,10,.40)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}body.menu-open .site-header{z-index:6150!important} html[dir="rtl"] .site-header .nav>#navLinks,html[dir="rtl"] #navLinks.is-mobile-portal{left:auto!important;right:max(16px,calc((100vw - min(1420px,calc(100vw - 32px)))/2))!important;direction:rtl!important} .site-header .nav>#navLinks .menu-heading,#navLinks.is-mobile-portal .menu-heading{position:static!important;display:grid!important;gap:3px!important;padding:12px 14px!important;border:1px solid rgba(15,74,32,.09)!important;border-radius:14px!important;background:#f3ecdd!important;box-shadow:0 5px 14px rgba(40,48,35,.05)!important} .site-header .nav>#navLinks .menu-heading>span,#navLinks.is-mobile-portal .menu-heading>span{color:#0b4b25!important;font-size:.78rem!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.04em!important}.site-header .nav>#navLinks .menu-heading>small,#navLinks.is-mobile-portal .menu-heading>small{color:#766e61!important;font-size:.68rem!important;line-height:1.35!important;font-weight:600!important} .site-header .nav>#navLinks>a:not(.menu-utility-link),#navLinks.is-mobile-portal>a:not(.menu-utility-link){display:grid!important;grid-template-columns:32px minmax(0,1fr) 30px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:7px 10px!important;border:1px solid #e5dac8!important;border-radius:14px!important;background:#fffdf9!important;color:#0b4b25!important;box-shadow:0 1px 0 rgba(74,58,35,.03)!important;text-decoration:none!important} .site-header .nav>#navLinks>a:not(.menu-utility-link)>span:first-child,#navLinks.is-mobile-portal>a:not(.menu-utility-link)>span:first-child{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#f7efde!important;color:#a57800!important;font-size:.64rem!important;font-weight:900!important}.site-header .nav>#navLinks>a:not(.menu-utility-link)>strong,#navLinks.is-mobile-portal>a:not(.menu-utility-link)>strong{min-width:0!important;color:#0b4b25!important;font-size:.94rem!important;line-height:1.25!important;font-weight:800!important}.site-header .nav>#navLinks>a:not(.menu-utility-link)>b,#navLinks.is-mobile-portal>a:not(.menu-utility-link)>b{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;justify-self:end!important;border-radius:999px!important;background:#edf4ec!important;color:#0b4b25!important;font-size:.78rem!important} .site-header .nav>#navLinks .menu-utility,#navLinks.is-mobile-portal .menu-utility{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.site-header .nav>#navLinks .menu-utility-link,#navLinks.is-mobile-portal .menu-utility-link{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:46px!important;padding:7px 9px!important;gap:7px!important;border:1px solid #e4dacb!important;border-radius:13px!important;background:#f5eee1!important;color:#174b2a!important;font-size:.72rem!important;font-weight:800!important;text-align:center!important} .site-header .nav>#navLinks a:focus-visible,#navLinks.is-mobile-portal a:focus-visible,#navLinks.is-mobile-portal button:focus-visible{outline:3px solid rgba(27,92,49,.24)!important;outline-offset:2px!important} .mobile-menu-tools{display:none!important} .zwm-notification-popover{z-index:var(--zwm-layer-popover)!important}.mouneh-rewards-backdrop{z-index:var(--zwm-layer-drawer-backdrop)!important}.mouneh-rewards-drawer{z-index:var(--zwm-layer-drawer)!important}.zwm-return-backdrop{z-index:var(--zwm-layer-modal)!important} /* Closed fixed drawers must not enlarge document scroll geometry or expose stale hit targets. */ .cart-drawer:not(.is-open),.mouneh-rewards-drawer:not(.is-open){display:none!important} .cart-drawer.is-open{display:grid!important} .mouneh-rewards-drawer.is-open{display:flex!important} @media(max-width:1050px){ .site-header .nav{width:min(100% - 22px,1420px)!important;gap:7px!important}.site-header .nav-toggle .menu-label{display:inline-block!important}.site-header .nav>.nav-toggle{width:auto!important;min-width:82px!important;padding:0 12px!important;gap:8px!important}.site-header .nav .brand-wordmark{font-size:1.34rem!important}.site-header .nav-search{display:none!important}.site-header #mounehAccountButton.mouneh-account-nav{min-width:44px!important;width:44px!important;padding:0!important}.site-header #mounehAccountButton .mr-account-nav-copy{display:none!important}.site-header #cartButton.cart-button{min-width:46px!important;width:46px!important;padding:0!important}.site-header #cartButton .cart-label{display:none!important} } @media(max-width:760px){ .site-header .announcement{height:30px!important;min-height:30px!important;overflow:hidden!important}.site-header .announcement-inner{width:min(100% - 24px,1420px)!important;height:30px!important;min-height:30px!important;padding:0!important;justify-content:center!important;overflow:hidden!important;text-align:center!important}.site-header .announcement-inner>a,.site-header .announcement-actions,.site-header .name-mode{display:none!important}.site-header .announcement-inner>span{display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important} .site-header .nav{width:min(100% - 20px,1420px)!important;height:64px!important;min-height:64px!important;gap:8px!important;justify-content:space-between!important} .site-header .nav>.nav-toggle{position:absolute!important;inset-inline-start:0!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:82px!important;height:46px!important;min-height:46px!important;padding:0 12px!important;gap:8px!important;border-radius:999px!important;overflow:hidden!important;z-index:3!important}.site-header .nav-toggle .menu-label{display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;color:#0b4b25!important;font:800 .72rem/1 "DM Sans",sans-serif!important;white-space:nowrap!important}.site-header .nav-toggle .menu-icon{width:16px!important;height:14px!important;display:grid!important;align-content:center!important;gap:5px!important;flex:0 0 16px!important}.site-header .nav-toggle .menu-icon i{width:16px!important;height:1.6px!important;margin:0!important;background:#0b4b25!important;transform-origin:center!important;transition:transform .16s ease!important}.site-header .nav-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(3.3px) rotate(45deg)!important}.site-header .nav-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-3.3px) rotate(-45deg)!important} .site-header .nav>.brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100% - 180px)!important;gap:7px!important;z-index:2!important} .site-header .nav .brand-logo{width:34px!important;height:34px!important;flex-basis:34px!important}.site-header .nav .brand-wordmark{display:block!important;max-width:150px!important;font-size:1.05rem!important} .site-header .nav>.nav-actions{position:absolute!important;inset-inline-end:0!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;display:block!important;z-index:3!important} .site-header .nav-actions>.nav-search,.site-header .nav-actions>.nav-instagram,.site-header .nav-actions>#languageSwitch,.site-header .nav-actions>.language-switch,.site-header .nav-actions>#mounehRewardsButton,.site-header .nav-actions>#mounehAccountButton{display:none!important} .site-header #cartButton.cart-button{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important}.site-header #cartButton.cart-button svg{width:19px!important;height:19px!important}.site-header #cartButton .cart-label{display:none!important}.site-header #cartButton .cart-count{position:absolute!important;right:0!important;top:0!important;transform:translate(25%,-25%)!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;border:2px solid #fbf8f1!important;font-size:.54rem!important} .site-header .nav>#navLinks,#navLinks.is-mobile-portal{top:calc(var(--zwm-menu-top,94px) + 12px)!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - var(--zwm-menu-top,94px) - 24px)!important;padding:10px 10px calc(14px + env(safe-area-inset-bottom))!important;gap:6px!important;border:1px solid #e3dacb!important;border-radius:20px!important;background:#fffaf1!important;box-shadow:0 18px 38px rgba(3,34,14,.18)!important} html[dir="rtl"] .site-header .nav>#navLinks,html[dir="rtl"] #navLinks.is-mobile-portal{left:10px!important;right:10px!important} .site-header .nav>#navLinks>a:not(.menu-utility-link),#navLinks.is-mobile-portal>a:not(.menu-utility-link){grid-template-columns:30px minmax(0,1fr) 28px!important;min-height:49px!important;padding:6px 9px!important;border-radius:12px!important} .mobile-menu-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:4px!important;padding:10px 0 0!important;border-top:1px solid #e5dccf!important} .mobile-menu-tool{min-width:0!important;min-height:52px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;border:1px solid #e2d8ca!important;border-radius:13px!important;background:#fff!important;color:#0b4b25!important;text-decoration:none!important;text-align:left!important;font-family:"DM Sans",sans-serif!important;cursor:pointer!important}html[dir="rtl"] .mobile-menu-tool{text-align:right!important;direction:rtl!important}.mobile-menu-tool-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f1f5ed!important;color:#174b2a!important;font-size:1rem!important;font-weight:900!important}.mobile-menu-tool-copy{min-width:0!important;display:block!important}.mobile-menu-tool-copy strong{display:block!important;color:#123d23!important;font-size:.75rem!important;line-height:1.25!important;font-weight:900!important;white-space:normal!important}.mobile-menu-tool-copy small{display:block!important;margin-top:2px!important;color:#758078!important;font-size:.58rem!important;line-height:1.25!important;font-weight:700!important;white-space:normal!important}.mobile-menu-points{grid-column:1/-1!important;grid-template-columns:34px minmax(0,1fr) auto!important;background:#f4f8f1!important;border-color:#d5e1cf!important}.mobile-menu-points>[data-mobile-points-balance]{display:grid!important;place-items:center!important;min-width:32px!important;height:28px!important;padding:0 8px!important;border-radius:999px!important;background:#174b2a!important;color:#fff!important;font-size:.66rem!important;font-weight:900!important}.mobile-menu-language{grid-column:1/-1!important;min-height:52px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:1px solid #e2d8ca!important;border-radius:13px!important;background:#f6f1e8!important}.mobile-menu-language-copy strong{display:block!important;color:#123d23!important;font-size:.74rem!important;line-height:1.2!important}.mobile-menu-language-copy small{display:block!important;margin-top:2px!important;color:#758078!important;font-size:.58rem!important;line-height:1.2!important}.mobile-menu-language-buttons{display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border:1px solid #ddd3c3!important;border-radius:999px!important;background:#eee7dc!important}.mobile-menu-language-buttons button{min-width:44px!important;height:36px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#55705f!important;font-size:.64rem!important;font-weight:900!important}.mobile-menu-language-buttons button.is-active{background:#fff!important;color:#0b4b25!important;box-shadow:0 2px 7px rgba(33,49,35,.07)!important} body.menu-open .mobile-order-bar{display:none!important}.mobile-order-bar{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;min-height:54px!important;padding:9px 13px!important;gap:10px!important;border-radius:16px!important} } @media(max-width:390px){.site-header .nav{width:min(100% - 16px,1420px)!important}.site-header .nav>.nav-toggle{min-width:80px!important;padding-inline:11px!important}.site-header .nav>.brand{max-width:calc(100% - 184px)!important;gap:5px!important}.site-header .nav .brand-logo{width:32px!important;height:32px!important;flex-basis:32px!important}.site-header .nav .brand-wordmark{max-width:126px!important;font-size:.96rem!important}.mobile-menu-tools{grid-template-columns:1fr!important}.mobile-menu-points,.mobile-menu-language{grid-column:1!important}} html[dir="rtl"] .site-header .nav .brand-wordmark,html[lang="ar"] .site-header .nav .brand-wordmark,html[dir="rtl"] .footer .brand-wordmark,html[lang="ar"] .footer .brand-wordmark{font-family:"Noto Kufi Arabic","DM Sans",system-ui,sans-serif!important;letter-spacing:0!important} @media(max-width:760px){html[dir="rtl"] .site-header .nav>.brand .brand-wordmark,html[lang="ar"] .site-header .nav>.brand .brand-wordmark{font-size:.9rem!important;line-height:1.15!important;max-width:130px!important}} /* ===== shell3 canonical footer ===== */ .footer{ padding:44px 0 24px!important; background:#f0e8da!important; color:#174526!important; border-top:1px solid #ddd2c0!important; } .footer .footer-grid{ display:grid!important; grid-template-columns:minmax(0,1.45fr) minmax(150px,.7fr) minmax(190px,.85fr)!important; gap:32px!important; align-items:start!important; } .footer .footer-main{display:grid!important;gap:12px!important} .footer .footer-brand{display:flex!important;align-items:center!important;gap:10px!important;color:#174526!important;text-decoration:none!important} .footer .footer-brand .brand-logo{width:44px!important;height:44px!important;flex:0 0 44px!important} .footer .footer-brand .brand-wordmark{color:#174526!important;font-size:1.35rem!important} .footer .footer-main>p{margin:0!important;max-width:42ch!important;color:#756e62!important;line-height:1.6!important} .footer .footer-delivery{color:#756e62!important;font-size:.7rem!important;font-weight:700!important} .footer .footer-column{display:grid!important;gap:8px!important} .footer .footer-column>strong{margin-bottom:4px!important;color:#174526!important;font-size:.66rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important} .footer .footer-column a{color:#46604d!important;font-size:.76rem!important;text-decoration:none!important} .footer .footer-column a:hover{color:#0b4b25!important;text-decoration:underline!important;text-underline-offset:3px!important} .footer .footer-legal-bar{ grid-column:1/-1!important; display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:8px!important; margin-top:4px!important; padding:16px!important; border:1px solid #d9cfbe!important; border-radius:18px!important; background:#f8f3e9!important; } .footer .footer-legal-label{ flex:1 0 100%!important; margin:0 0 3px!important; color:#75632a!important; font-size:.64rem!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.13em!important; text-align:center!important; } .footer .footer-legal-button{ display:inline-flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:0 14px!important; border:1px solid #cfc4b1!important; border-radius:999px!important; background:#fffdf8!important; color:#174526!important; font-size:.72rem!important; font-weight:800!important; text-decoration:none!important; box-shadow:none!important; } .footer .footer-legal-button:hover{background:#edf3e8!important;border-color:#b8c5b4!important;transform:none!important} .footer .footer-legal-rewards{background:#174526!important;color:#fff!important;border-color:#174526!important} .footer .footer-legal-rewards:hover{background:#0f3c21!important;color:#fff!important} .footer .copyright{ grid-column:1/-1!important; margin:0!important; padding-top:18px!important; border-top:1px solid #d8cebd!important; color:#8a8174!important; font-size:.65rem!important; } @media(max-width:820px){ .footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important} .footer .footer-main{grid-column:1/-1!important} } @media(max-width:600px){ .footer{padding:34px 0 20px!important} .footer .footer-grid{grid-template-columns:1fr!important;gap:22px!important} .footer .footer-main{grid-column:auto!important} .footer .footer-legal-bar{justify-content:stretch!important;padding:13px!important} .footer .footer-legal-label{text-align:start!important} .footer .footer-legal-button{flex:1 1 100%!important;width:100%!important} } /* ===== mobile canonical source-control quarantine ===== */ @media(max-width:760px){ /* Runtime/rewards code keeps desktop source controls alive so the menu tools can proxy them. Some of those controls use inline !important visibility styles. Remove their geometry instead of fighting inline display declarations: the customer-facing phone controls live in #navLinks and the cart stays in header. */ .site-header .nav>.nav-actions>.nav-search, .site-header .nav>.nav-actions>.nav-instagram, .site-header .nav>.nav-actions>#languageSwitch.language-switch, .site-header .nav>.nav-actions>.language-switch, .site-header .nav>.nav-actions>#mounehRewardsButton.mouneh-points-nav, .site-header .nav>.nav-actions>#mounehRewardsButton.mouneh-points-nav.is-compact, .site-header .nav>.nav-actions>#mounehAccountButton.mouneh-account-nav{ position:absolute!important; width:0!important; min-width:0!important; max-width:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; gap:0!important; overflow:hidden!important; clip-path:inset(50%)!important; } .site-header .nav>.nav-actions>#cartButton{ position:relative!important; z-index:2!important; } } /* ===== desktop/tablet menu fit refinement ===== */ @media(min-width:761px){ .site-header .nav>.nav-toggle{ position:relative!important; inset:auto!important; transform:none!important; width:auto!important; min-width:94px!important; height:46px!important; min-height:46px!important; max-height:46px!important; padding:0 14px!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; overflow:hidden!important; border:1px solid #ded4c5!important; border-radius:999px!important; background:#fffdf8!important; color:#0b4b25!important; box-shadow:none!important; } .site-header .nav-toggle .menu-label{ display:inline-block!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; background:transparent!important; color:#0b4b25!important; font:800 .74rem/1 "DM Sans",sans-serif!important; white-space:nowrap!important; flex:0 0 auto!important; } .site-header .nav-toggle .menu-icon{ width:18px!important; height:16px!important; display:grid!important; align-content:center!important; gap:5px!important; margin:0!important; flex:0 0 18px!important; } .site-header .nav-toggle .menu-icon i{ width:18px!important; height:1.6px!important; margin:0!important; border:0!important; border-radius:99px!important; background:#0b4b25!important; transform-origin:center!important; transition:transform .16s ease!important; } .site-header .nav-toggle[aria-expanded="true"] .menu-icon i:first-child{ transform:translateY(3.3px) rotate(45deg)!important; } .site-header .nav-toggle[aria-expanded="true"] .menu-icon i:last-child{ transform:translateY(-3.3px) rotate(-45deg)!important; } .site-header .nav>#navLinks, #navLinks.is-mobile-portal{ position:absolute!important; top:calc(100% + 14px)!important; left:0!important; right:auto!important; width:min(420px,calc(100vw - 32px))!important; max-width:420px!important; max-height:min(680px,calc(100dvh - 118px))!important; margin:0!important; border-radius:22px!important; } html[dir="rtl"] .site-header .nav>#navLinks, html[dir="rtl"] #navLinks.is-mobile-portal{ left:auto!important; right:0!important; } } /* ===== mobile menu three-column layout repair (2026-10-08) ===== */ /* An earlier <=420px rule moves link text onto the badge track. Keep the number, translated label and arrow in separate tracks at every phone width, including when the canonical menu stays in the header. */ @media(max-width:760px){ .site-header .nav>#navLinks>a:not(.menu-utility-link), #navLinks.is-mobile-portal>a:not(.menu-utility-link){ box-sizing:border-box!important; display:grid!important; grid-template-columns:30px minmax(0,1fr) 32px!important; align-items:center!important; column-gap:11px!important; row-gap:0!important; min-height:58px!important; height:auto!important; padding:9px 12px!important; border-radius:14px!important; } .site-header .nav>#navLinks>a:not(.menu-utility-link)>span:first-child, #navLinks.is-mobile-portal>a:not(.menu-utility-link)>span:first-child{ grid-column:1!important; grid-row:1!important; display:grid!important; place-items:center!important; width:30px!important; height:30px!important; margin:0!important; } .site-header .nav>#navLinks>a:not(.menu-utility-link)>strong, #navLinks.is-mobile-portal>a:not(.menu-utility-link)>strong{ grid-column:2!important; grid-row:1!important; min-width:0!important; max-width:100%!important; width:auto!important; margin:0!important; padding:0!important; font-size:.94rem!important; line-height:1.35!important; text-align:start!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; } .site-header .nav>#navLinks>a:not(.menu-utility-link)>b, #navLinks.is-mobile-portal>a:not(.menu-utility-link)>b{ grid-column:3!important; grid-row:1!important; display:grid!important; place-items:center!important; justify-self:end!important; width:32px!important; height:32px!important; margin:0!important; } /* RTL reverses the physical order through direction:rtl, so the badge is on the right, the label is in the middle, and the arrow on the left. */ html[dir="rtl"] .site-header .nav>#navLinks>a:not(.menu-utility-link)>span:first-child, html[lang="ar"] .site-header .nav>#navLinks>a:not(.menu-utility-link)>span:first-child, html[dir="rtl"] #navLinks.is-mobile-portal>a:not(.menu-utility-link)>span:first-child, html[lang="ar"] #navLinks.is-mobile-portal>a:not(.menu-utility-link)>span:first-child{ grid-column:1!important; } html[dir="rtl"] .site-header .nav>#navLinks>a:not(.menu-utility-link)>b, html[lang="ar"] .site-header .nav>#navLinks>a:not(.menu-utility-link)>b, html[dir="rtl"] #navLinks.is-mobile-portal>a:not(.menu-utility-link)>b, html[lang="ar"] #navLinks.is-mobile-portal>a:not(.menu-utility-link)>b{ grid-column:3!important; justify-self:end!important; } } @media(max-width:360px){ .site-header .nav>#navLinks>a:not(.menu-utility-link), #navLinks.is-mobile-portal>a:not(.menu-utility-link){ column-gap:8px!important; padding-inline:9px!important; } }