.nav-left,.nav-links{display:flex;gap:15px}





.logo {
  height: 80px;
  width: auto;
  margin-left: 15px;
}





.icon:hover,.nav-links a{color:var(--text-color)}.login-btn,.nav-links a{transition:.3s;white-space:nowrap}.login-btn:hover,.nav-links a:hover{transform:translateY(-2px)}.mobile-menu a,.nav-links a{text-decoration:none;font-weight:600}.close-menu,.icon,.login-btn,.menu-toggle{cursor:pointer}.login-btn a,.overlay.active{display:block}.header{background:#fff;padding:10px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;direction:rtl}.login-btn,.login-btn:hover{background-color:var(--background-color)}.containers{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;direction:ltr}.nav-left{align-items:center}.login-btn{color:#fff;border:none;padding:8px 18px;border-radius:25px;font-size:14px}.icon{font-size:20px;color:#7b5f90;transition:color .3s;position:relative}.cart-count{position:absolute;top:-8px;left:-8px;background:var(--background-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.nav-links{direction:rtl}.nav-links a{padding:8px 12px;font-size:15px}.login-btn a{color:#fff;text-decoration:none}.menu-toggle{display:none;font-size:22px;color:var(--text-color);padding:10px}.mobile-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:999;transition:right .3s;padding-top:60px;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu a{display:block;padding:15px 20px;color:var(--text-color);border-bottom:1px solid #f0f0f0}.mobile-menu a:hover{background:#f9f9f9;color:var(--text-color)}.close-menu{position:absolute;top:15px;left:15px;font-size:24px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;display:none}@media (max-width:992px){.mobile-menu a{padding:30px}.nav-links{display:none}.menu-toggle{display:block}.nav-left{margin-right:auto}}@media (max-width:576px){.login-btn{padding:6px 12px;font-size:13px}.icon{font-size:18px}.mobile-menu{width:250px}}