:root{--nav-blue:#0b4ea2;--nav-navy:#082b62;--nav-line:#e5eaf1;--nav-text:#24364b}
.custom-navbar{z-index:1030;padding:0;display:block;background:#fff;box-shadow:0 6px 24px rgba(20,38,63,.12)}
.nav-topbar{height:66px;background:linear-gradient(90deg,var(--nav-navy),#0c5eaa);display:flex;align-items:center;gap:20px}
.brand-compact{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:180px}.brand-compact>i{width:40px;height:40px;border:1px solid #ffffff55;border-radius:12px;display:grid;place-items:center;font-size:1.2rem}.brand-compact span{display:flex;flex-direction:column;line-height:1.1}.brand-compact b{font-size:1rem}.brand-compact small{font-size:.7rem;opacity:.8;margin-top:4px}
.nav-search{position:relative;flex:1;max-width:650px;margin:auto;height:42px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 14px;color:#738196}.nav-search input{border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 10px;font-size:.9rem}.nav-search-results{position:absolute;top:49px;right:0;left:0;background:#fff;border:1px solid var(--nav-line);border-radius:12px;box-shadow:0 14px 34px #14263f29;padding:7px;display:none;z-index:1060}.nav-search-results.show{display:block}.nav-search-results a{display:block;padding:9px 11px;border-radius:8px;text-decoration:none;color:var(--nav-text)}.nav-search-results a:hover{background:#f3f7fc;color:#0b63ce}
.nav-actions{display:flex;align-items:center;gap:7px;margin-inline-start:auto}.icon-btn{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff4d;border-radius:10px;background:#ffffff14;color:#fff;padding:0;text-decoration:none}.icon-btn:hover{background:#ffffff2b;color:#fff}.desktop-account .navbar-nav{flex-direction:row}.desktop-account .nav-link{color:#fff!important;font-size:.8rem!important;padding:7px!important}
.nav-menu-shell{display:block!important;background:#fff;border-bottom:1px solid var(--nav-line)}.nav-category-row{width:100%;display:flex;justify-content:center;align-items:stretch;padding:0 14px}.nav-category-row>.nav-item{position:relative}.nav-category-row>.nav-item>.nav-link{height:58px;min-width:120px;padding:8px 18px!important;display:flex;align-items:center;justify-content:center;gap:8px;color:#40516a!important;font-size:.88rem;font-weight:700;border-left:1px solid #edf0f4;white-space:nowrap}.nav-category-row>.nav-item>.nav-link i{color:#667892}.nav-category-row>.nav-item>.nav-link:hover,.nav-category-row>.nav-item>.nav-link.show,.nav-home-link{color:#0865d7!important;background:#f8fbff}.nav-home-link:after{content:"";position:absolute;bottom:0;right:18px;left:18px;height:3px;background:#0875e1;border-radius:4px 4px 0 0}
.standard-menu{border:1px solid var(--nav-line);border-radius:12px;padding:7px;min-width:220px;box-shadow:0 14px 34px #14263f24;text-align:right}.standard-menu .dropdown-item{border-radius:8px;padding:9px 12px;color:var(--nav-text);font-size:.88rem}.standard-menu .dropdown-item:hover{background:#f3f7fc;color:#0865d7}
.nav-mega-item{position:static!important}.mega-menu{right:2%!important;left:2%!important;width:96%;top:100%!important;margin:0!important;padding:22px;border:1px solid var(--nav-line);border-radius:0 0 16px 16px;box-shadow:0 16px 34px #14263f24}.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mega-group{border-left:1px solid #edf0f4;padding:0 12px}.mega-group h6{color:#0865d7;font-weight:800;font-size:.88rem;margin-bottom:9px}.mega-group a{display:block;color:#53627a;text-decoration:none;padding:6px 0;font-size:.82rem}.mega-group a:hover{color:#0865d7;transform:translateX(-2px)}
.container-body{padding-top:134px}html,body{touch-action:auto}
@media(max-width:991.98px){.nav-topbar{height:62px}.brand-compact{min-width:0}.brand-compact b{font-size:.9rem}.brand-compact small{display:none}.desktop-account{display:none!important}.nav-menu-shell{display:none!important;max-height:calc(100dvh - 62px);overflow-y:auto;padding:12px;background:#f7f9fc}.nav-menu-shell.show,.nav-menu-shell.collapsing{display:block!important}.mobile-account-box{background:#0c5eaa;border-radius:12px;padding:7px 10px;margin-bottom:9px}.mobile-login-box .navbar-nav{flex-direction:row}.mobile-login-box .nav-link{color:#fff!important;font-size:.78rem!important}.mobile-nav-search{display:flex!important;max-width:none;width:100%;border:1px solid #dfe5ed;margin:0 0 10px}.nav-category-row{display:block;padding:0}.nav-category-row>.nav-item>.nav-link{height:auto;min-height:48px;width:100%;justify-content:flex-start;border:0;border-bottom:1px solid #e8edf3;border-radius:9px;padding:11px 13px!important}.nav-home-link:after{display:none}.nav-mega-item{position:relative!important}.mega-menu,.standard-menu{position:static!important;transform:none!important;width:100%!important;margin:5px 0!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;padding:10px!important}.mega-grid{grid-template-columns:1fr}.mega-group{border:0;border-bottom:1px solid #edf0f4;padding:8px 5px}.mega-group:last-child{border:0}.mega-group a{padding:8px 12px}.standard-menu .dropdown-item{padding:10px 13px}.container-body{padding-top:72px!important}.navbar-toggler{display:inline-flex!important}.dropdown-toggle::after{margin-right:auto;margin-left:0}.nav-actions{gap:5px}.icon-btn{width:37px;height:37px}}
@media(min-width:992px) and (max-width:1199.98px){.nav-category-row>.nav-item>.nav-link{min-width:105px;padding-inline:12px!important}.mega-grid{grid-template-columns:repeat(3,1fr)}}
body.dark-mode{background:#101722;color:#e7edf5}body.dark-mode .nav-menu-shell,body.dark-mode .mega-menu,body.dark-mode .standard-menu{background:#172130!important;border-color:#2a3748!important}body.dark-mode .nav-category-row>.nav-item>.nav-link,body.dark-mode .mega-group a,body.dark-mode .standard-menu .dropdown-item{color:#d6deea!important}body.dark-mode .nav-category-row>.nav-item>.nav-link:hover,body.dark-mode .standard-menu .dropdown-item:hover{background:#202d3e!important}
/* 19-8: تحسين مقروئية القائمة الرئيسية على الكمبيوتر واللابتوب فقط */
@media (min-width: 992px){.nav-category-row>.nav-item>.nav-link{font-size:1.08rem!important;font-weight:800}.standard-menu .dropdown-item{font-size:1rem;font-weight:650}.mega-group h6{font-size:.96rem}.mega-group a{font-size:.96rem}}

/* Shared mobile safety layer for storefront and internal screens using _Layout. */
.container-body{width:100%;min-width:0}.container-body :where(.container,.container-fluid,.row,[class^="col-"],[class*=" col-"],form,fieldset,.card){min-width:0}.container-body :where(img,video,canvas,iframe){max-width:100%;height:auto}.container-body :where(input,select,textarea){max-width:100%}.container-body :where(pre,code){max-width:100%;overflow-wrap:anywhere}
@media(max-width:767.98px){.container-body{max-width:100vw;padding-inline:8px}.container-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.container-body form{max-width:100%}.container-body :where(div,section,form,table)[style*="width:50"],.container-body :where(div,section,form,table)[style*="width: 50"]{width:100%!important}.container-body .modal-dialog{width:auto;max-width:calc(100vw - 16px);margin:8px}.container-body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}}