.mobile-menu-toggle{display:none;font-size:24px;color:var(--secondary-color);cursor:pointer;z-index:1000;padding:0 4px;margin-left:5px}.mobile-menu-toggle svg{width:27px!important;height:27px!important;margin-bottom:-6px}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:#fff;z-index:999;transition:right .3s ease;box-shadow:-5px 0 15px #0000001a;overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.active{right:0;z-index:2000}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.mobile-menu-close{font-size:24px;color:var(--secondary-color);cursor:pointer}.mobile-search{position:relative;width:100%;padding:5px;border-bottom:1px solid var(--border-color);margin-bottom:15px}.mobile-search input{width:100%;border:1px solid var(--border-color);border-radius:5px;font-size:14px;padding:10px 35px}.mobile-search .search-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:#718096}.mobile-search .clear-search-icon{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#718096;cursor:pointer;display:none;font-size:14px}.clear-search-icon.visible{display:block}#mobile-search-results{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:2001;max-height:400px;overflow-y:auto}.mobile-menu .search-results-container{display:none;position:absolute;width:100%;background:#fff;z-index:2001;box-shadow:0 4px 8px #0000001a;border-radius:0 0 8px 8px;max-height:70vh;overflow-y:auto}.mobile-menu .search-result-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.mobile-menu .search-result-image{width:40px;height:40px;object-fit:cover;margin-right:10px}.mobile-menu h3.search-section-title{padding:10px 15px;margin:0;background-color:#f7fafc;font-size:14px;font-weight:600}.mobile-nav{padding:15px 0}.mobile-nav a{display:flex;align-items:center;padding:15px 20px;text-decoration:none;color:var(--secondary-color);font-weight:500;border-bottom:1px solid var(--border-color);transition:background-color .3s}.mobile-nav a i{margin-right:15px;width:20px;text-align:center}.mobile-nav a:hover{background-color:var(--light-color)}.mobile-nav a.active{color:var(--primary-color);border-left:3px solid var(--primary-color)}.mobile-social{display:flex;justify-content:center;gap:15px;padding:20px;margin-top:auto;border-top:1px solid var(--border-color)}.mobile-social a{width:40px;height:40px;border-radius:50%;background-color:var(--light-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);transition:all .3s;text-decoration:none}.mobile-social a:hover{background-color:var(--primary-color);color:#fff}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;display:none}.overlay.active{display:block}.has-submenu{position:relative;display:flex;justify-content:space-between;align-items:center}.submenu-arrow{margin-left:auto;margin-right:0;transition:transform .3s}.submenu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:#fff;z-index:2001;transition:right .3s ease;overflow-y:auto;display:flex;flex-direction:column}.submenu.active{right:0}.submenu-header{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:var(--light-color)}.submenu-header span{margin-left:15px;font-weight:600;color:var(--secondary-color)}.back-btn{cursor:pointer;color:var(--secondary-color);transition:color .3s}.back-btn:hover{color:var(--primary-color)}.submenu a{padding-left:30px}@media (max-width: 992px){.mobile-menu-toggle{display:block}.navigation{display:none}.nav-icons i{font-size:17px}.header{grid-template-columns:auto 1fr auto;padding:2px 10px}}