.header-controls{display:flex;align-items:center;gap:15px}.header-nav-toggle[hidden],#headerNavigation[hidden]{display:none!important}.header-nav-toggle{width:44px;height:44px;padding:11px;border:1px solid #d4dfd2;border-radius:10px;background:#fffdf7;color:#163c35;display:flex;flex-direction:column;justify-content:center;gap:5px;flex-shrink:0;cursor:pointer}.header-nav-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s}.header-nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.header-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1180px){.header,.member-header{position:relative;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;height:auto;min-height:76px;gap:10px 16px;padding:14px 18px}.header .brand,.member-header>a:first-child{grid-column:1;grid-row:1;justify-self:start}.header .brand-logo,.member-header img{width:132px;max-width:100%;height:auto}.header-nav-toggle{grid-column:2;grid-row:1;justify-self:end}.header .header-end,.member-header .header-controls{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;width:100%;margin:0}.header .free-label{display:none}.member-header .currency-picker,.member-header .lang{margin:0}.header .header-end .language{padding:7px;min-height:38px}.header nav.header-navigation,.member-header nav.header-navigation{position:absolute;inset-inline:14px;top:calc(100% + 6px);width:auto;margin:0;padding:10px;border:1px solid #d2ddce;border-radius:16px;background:#fffdf7;box-shadow:0 14px 40px #163c3520;display:flex;flex-direction:column;align-items:stretch;gap:2px;max-height:65dvh;overflow-y:auto;z-index:110}.header nav.header-navigation>a,.header nav.header-navigation>button,.member-header nav.header-navigation>a{display:block!important;width:100%;padding:12px 14px;min-height:46px;border-radius:8px;text-align:start;font-size:16px;font-weight:500;text-decoration:none;white-space:normal;color:#163c35}.header-navigation>a:hover,.header-navigation>button:hover{background:#eaf0e4}.header-navigation :focus-visible,.header-nav-toggle:focus-visible{outline:3px solid #a58546;outline-offset:2px}}
@media(prefers-reduced-motion:reduce){.header-nav-toggle span{transition:none}}
.header,.member-header{position:relative;z-index:120}.header nav.header-navigation{gap:17px;font-size:14px}.member-header nav.header-navigation{gap:17px}.pro-nav{position:relative;flex-shrink:0}.pro-nav summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #b9cbb4;background:#e9f0e2;border-radius:10px;font:700 14px/1.5 Waraq,Tajawal,Arial,sans-serif;color:#163c35;cursor:pointer;white-space:nowrap}.pro-nav summary::-webkit-details-marker{display:none}.pro-nav-new{font-size:9px;letter-spacing:.5px;background:#163c35;color:#f7e4ac;border-radius:4px;padding:2px 4px}.pro-nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px}.pro-nav[open] .pro-nav-chevron{transform:rotate(225deg);margin-bottom:0}.pro-nav-panel{position:absolute;top:calc(100% + 10px);inset-inline-start:-10px;width:355px;padding:15px;border:1px solid #d2ddce;border-radius:17px;background:#fffdf7;box-shadow:0 14px 45px #163c3526;color:#163c35;text-align:start;white-space:normal;z-index:130}.pro-nav-panel>p{font:700 14px/1.6 Waraq,Arial,sans-serif;color:#667556;margin:0 0 10px;padding:4px 8px}.pro-nav .pro-nav-panel>a{display:flex;align-items:center;gap:12px;padding:12px 9px;min-height:65px;border-radius:10px;text-decoration:none!important;color:#163c35;line-height:1.5}.pro-nav-panel>a:hover{background:#edf2e7}.pro-nav-symbol{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid #d4d9be;border-radius:9px;background:#f0eddc;font-size:12px;color:#7a673d}.pro-nav-panel>a>span:nth-child(2){flex:1}.pro-nav-panel strong{display:block;font-size:16px;font-weight:700}.pro-nav-panel small{display:block;font-size:12px;color:#62766d;margin-top:4px;white-space:normal}.pro-nav-panel b{font-size:17px;font-weight:400}.pro-nav .pro-nav-panel>a.pro-nav-workspace{justify-content:center;min-height:42px;padding:10px;background:#163c35;color:#fffdf7;font-size:13px;margin-top:9px}.header nav .header-template-link,.member-header nav .header-template-link{padding:9px 12px;border:1px solid #d5c394;border-radius:10px;background:#f2ebd8;color:#685322;font-weight:700;white-space:nowrap;min-height:42px;display:flex;align-items:center;gap:7px}.pro-nav summary:focus-visible,.pro-nav-panel a:focus-visible{outline:3px solid #a58546;outline-offset:3px}@media(min-width:1181px) and (max-width:1250px){.header{padding-inline:22px;gap:15px}.header .brand-logo{width:150px}.header nav.header-navigation{gap:12px;font-size:12px}.header .header-end{gap:10px}.header .free-label{display:none}.member-header{gap:15px;padding-inline:20px}.member-header img{width:130px}.member-header nav.header-navigation{gap:12px}.member-header nav.header-navigation>a{font-size:13px}.pro-nav summary{padding-inline:10px}.pro-nav-new{display:none}}
@media(max-width:1180px){.header nav.header-navigation,.member-header nav.header-navigation{gap:5px}.pro-nav{width:100%}.pro-nav summary{justify-content:flex-start;padding:12px 14px;min-height:46px}.pro-nav-panel{position:static;inset:auto;width:100%;box-shadow:none;padding:8px 6px;background:#f3f5eb;margin-top:6px}.pro-nav-panel>a{min-height:60px}.header nav.header-navigation>.header-template-link,.member-header nav.header-navigation>.header-template-link{display:flex!important;align-items:center;justify-content:space-between;padding:12px 14px;font-size:16px}.header nav.header-navigation,.member-header nav.header-navigation{max-height:70dvh}.pro-nav-panel strong{font-size:15px}.pro-nav-panel small{font-size:12px}}
@media(min-width:1181px){.header .free-label{display:none}.header .brand-logo{width:155px}.header .header-end{gap:13px}.header nav.header-navigation{gap:14px;font-size:13px}}
@media(max-width:1180px){.header nav.header-navigation,.member-header nav.header-navigation{flex-wrap:nowrap;overflow-x:hidden}.header nav.header-navigation>*,.member-header nav.header-navigation>*{flex-shrink:0}}