header{position:sticky;top:0;z-index:1000}.nav-menu{padding:0;margin:0}.nav-link-custom{color:#121519;text-decoration:none;font-size:15px;font-weight:500;position:relative;transition:color .3s ease}.nav-link-custom:hover{color:#0168fd}.nav-link-custom::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#0168fd;transition:width .3s ease}.nav-link-custom:hover::after{width:100%}.logo a img{width:180px;height:70px;padding:10px 0}.login-btn{background:#f7f8fc;border:1px solid #0057ff;padding:8px 18px;border-radius:8px;font-weight:600;font-size:16px;transition:background .3s ease,border-color .3s ease}.login-btn a{color:#0057ff;text-decoration:none}.demo-btn{background:linear-gradient(135deg,#0057ff 0,#0041c4 40%,#121519 100%);border:1px solid #0057ff;padding:8px 18px;border-radius:8px;color:#f7f8fc;font-weight:600;font-size:16px;transition:opacity .3s ease}.demo-btn a{color:#f7f8fc;text-decoration:none}.header-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:24px}.header-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0}.header-menu-center{display:flex;justify-content:center;min-width:max-content}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;min-width:0}.user-dropdown{position:relative}.user-dropdown-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;color:#121519;text-decoration:none;font-size:14px;transition:background .2s ease,border-color .2s ease,color .2s ease;border:1px solid #121519;white-space:nowrap}.user-dropdown-toggle:hover{background:#f7f8fc;border-color:#0057ff;color:#0057ff}.user-dropdown-toggle>.fa-user{font-size:16px}.user-dropdown-toggle>.fa-caret-down{font-size:11px;opacity:.5}.user-dropdown-info{display:flex;flex-direction:column;line-height:1.2}.user-dropdown-label{font-size:14px;font-weight:600}.user-dropdown-name{font-size:12px;opacity:.7;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu{min-width:220px;padding:8px 0;border:1px solid #e2e6f0;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);margin-top:8px!important}.user-dropdown-menu ul{list-style:none;margin:0;padding:0}.user-dropdown-menu li a{display:block;padding:9px 20px;color:#121519;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease}.user-dropdown-menu li a:hover{background:#f7f8fc;color:#0057ff}.user-dropdown-divider{height:1px;background:#eee;margin:4px 0}.lang-selector{position:relative}.lang-selector-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;color:#121519;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease,background .3s ease;border:1px solid transparent;white-space:nowrap}.lang-selector-toggle:hover{color:#0057ff;background:#f7f8fc;border-color:#e2e6f0}.lang-selector-toggle img{border-radius:2px;flex-shrink:0}.lang-selector-toggle i{font-size:11px;opacity:.6;transition:transform .2s ease}.lang-selector-toggle[aria-expanded=true] i{transform:rotate(180deg)}.lang-selector-dropdown{min-width:280px;padding:0;border:1px solid #e2e6f0;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);margin-top:8px!important;right:0;left:auto}.lang-selector-body{padding:20px;display:flex;flex-direction:column;gap:14px}.lang-selector-title{font-size:15px;font-weight:600;color:#121519}.lang-selector-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.lang-selector-field{display:flex;flex-direction:column;gap:5px}.lang-selector-field label{font-size:13px;font-weight:600;color:#121519}.lang-selector-field select{width:100%;padding:8px 12px;border:1px solid #e2e6f0;border-radius:8px;font-size:14px;color:#121519;background:#fff;outline:0;transition:border-color .2s ease;appearance:auto}.lang-selector-field select:focus{border-color:#0057ff}.lang-selector-region{font-size:13px;color:#0057ff;text-decoration:none;font-weight:500;transition:color .2s ease}.lang-selector-region:hover{color:#0041c4}.lang-selector-actions{display:flex;gap:8px;padding-top:2px}.lang-selector-save{flex:1;padding:9px 16px;background:linear-gradient(135deg,#0057ff 0,#0041c4 40%,#121519 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.lang-selector-save:hover{opacity:.9}.lang-selector-cancel{flex:1;padding:9px 16px;background:#f7f8fc;color:#121519;border:1px solid #e2e6f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-selector-cancel:hover{border-color:#ccc;background:#eef0f5}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:0 0;border:none;cursor:pointer;padding:6px;z-index:1100}.hamburger-btn span{display:block;width:24px;height:2.5px;background:#121519;border-radius:2px;transition:all .3s ease}.hamburger-btn.active span:first-child{transform:translateY(7.5px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-nav{position:absolute;top:0;right:0;width:280px;max-width:80%;height:100%;background:#fff;padding:80px 24px 24px;display:flex;flex-direction:column;gap:0;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.1)}.mobile-menu-overlay.open .mobile-menu-nav{transform:translateX(0)}.mobile-menu-link{color:#121519;text-decoration:none;font-size:16px;font-weight:500;padding:14px 0;border-bottom:1px solid #eee;transition:color .2s ease}.mobile-menu-link:hover{color:#0057ff}.mobile-menu-login{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 24px;background:#f7f8fc;border:1px solid #0057ff;border-radius:8px;color:#0057ff;text-decoration:none;font-weight:600;font-size:15px;transition:all .2s ease}.mobile-menu-login:hover{background:#0057ff;color:#fff}.mobile-lang-toggle{display:flex;align-items:center;gap:8px;padding:10px 0;color:#121519;text-decoration:none;font-size:14px;font-weight:500}.mobile-lang-toggle img{border-radius:2px}.mobile-lang-toggle i{margin-left:auto;font-size:12px;opacity:.5;transition:transform .25s ease}.mobile-lang-toggle.open i{transform:rotate(180deg)}.mobile-lang-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-lang-panel.open{max-height:400px}.mobile-lang-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.mobile-lang-field label{font-size:13px;font-weight:600;color:#121519}.mobile-lang-field select{width:100%;padding:10px 12px;border:1px solid #e2e6f0;border-radius:8px;font-size:14px;color:#121519;background:#fff;outline:0;appearance:auto}.mobile-lang-field select:focus{border-color:#0057ff}.mobile-lang-save{width:100%;padding:11px 16px;background:linear-gradient(135deg,#0057ff 0,#0041c4 40%,#121519 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease;margin-top:4px}.mobile-lang-save:hover{opacity:.9}@media (max-width:1200px){.logo a img{width:150px}.nav-link-custom{font-size:13px}.nav-menu.d-flex{gap:.75rem!important}.header-bottom{gap:16px}.header-actions{gap:10px}.login-btn{padding:6px 12px;font-size:14px}.demo-btn{padding:6px 12px;font-size:14px}.demo-btn a{font-size:14px}.user-dropdown-toggle{padding:5px 10px;font-size:13px}.user-dropdown-name{max-width:80px}.lang-selector-toggle{padding:6px 10px;font-size:13px}.lang-selector-toggle span{display:none}}@media (max-width:1024px){.logo a img{width:140px}.nav-link-custom{font-size:12px}.nav-menu.d-flex{gap:.5rem!important}.header-bottom{gap:12px}.header-actions{gap:8px}.login-btn{padding:5px 10px;font-size:13px}.demo-btn{padding:5px 10px;font-size:13px}.demo-btn a{font-size:13px}.user-dropdown-toggle{padding:4px 8px;font-size:12px;gap:5px}.user-dropdown-info{display:none}.lang-selector-toggle{padding:5px 8px;font-size:12px}.header-menu-center{min-width:0;overflow:hidden}}@media (max-width:991px){.header-menu-center{display:none}.login-btn{display:none}.lang-selector{display:none}.user-dropdown{display:none}.hamburger-btn{display:flex}.mobile-menu-overlay{display:block}.logo a img{width:140px;padding:6px}.header-bottom{gap:10px}.demo-btn{padding:7px 14px;font-size:14px}.demo-btn a{font-size:14px}.header-cart-button{display:none}}@media (max-width:480px){.logo a img{width:120px;padding:4px}.demo-btn{padding:6px 12px;font-size:13px}.demo-btn a{font-size:13px}}